标签: width

这是我的简单代码:

var msgbox = $("<div style='width:320px;height:200px;'></div>");
alert(msgbox.width());

警报给我零 - 什么是错的？为什么不是320？

谢谢

考虑一个简单的CSS布局,其中包含包装div定义固定宽度为900左右的像素,因此其中的所有内容都扩展到100%宽度.

在这里,我有一个导航div,包含1个UL和6个列表项,左浮动,因此它们在水平线上显示.

每个列表项应该可变地增长以准确地适应其文本内容,但是应该共享每个项之间的间距,以便整个菜单适合100%的空间,例如:

------------------------------------------------------
-N-        -N-          -N-               -N-      -N-
- -        - -          - -               - -      - -
- -ITEM1111- -ITEM222222- -ITEM33333333333- -ITEM44- -   
- -        - -          - -               - -      - -
------------------------------------------------------
<-------------------- 100% -------------------------->   

我希望这是说明性的!'N'是常数,但相应地增长到适合100%宽度(即可访问性 - 有人增加字体大小).

很高兴采取其他建议虽然我的目标是没有javascript或图像,只是css纯度.

在调整浏览器窗口/页面大小时,我很难获得3个div来自动调整大小.

我有两个固定大小的div,我希望中心div自动调整大小以填充剩余空间,并且当页面大小缩小时,不会将第三个div换行换行到换行符.

我将在包含三个div的div上设置一个min-width属性,以防止在中间div大约65px宽时包裹第三个div.

这是否必须使用javascript完成,因为我目前正在尝试用css实现这一点,但我没有运气.

javascript或css表达式类似于width = page.width - div1.width -div3.width但我想尽可能避免使用js.

谢谢你的帮助!

麦克风

您可以在附加图像中看到预期的行为.

1)我想要什么2)我目前正在经历收缩

我将div重新调整大小并将文本框设置为100%,以便使用div重新调整大小.

然而右侧div可以是267px,如下所示,或者192px(离散),如果我只是在某些页面上设置了后边距的代码？或者有没有办法根据div右边的大小使margin-right成为动态？

例如.HTML

<div id="wrapper">
  <div id="left"></div>
  <div id="right"></div>
  <div id="centre">        
  <div>
</div>

CSS

#wrapper
{height:84px;
 background-image:url(../images/siteImages/header_back.png);
 background-repeat: repeat-x;}

#left
{height:inherit;
 width:512px;
 background-image:url(../images/siteImages/logo.png);
 background-repeat: no-repeat;
 float:left;}

#centre
{width:auto;
 margin-left:512px;
 margin-right:267px;
 height:inherit;}

#right
{padding-right:10px;
 height:inherit;
 float:right;
 text-align:right;}

如何删除Drupal 7对图像的自动属性？

需要以编程方式在asp.net中设置gridview的列宽.**自动生成的列(即,AutogenerateColumns ="true").

我试过以下几点;

protected void gv_RowCreated(object sender, GridViewRowEventArgs e)
{
    e.Row.Cells[2].Width = Unit.Pixel(200);
}

但没用

提前致谢

我只是将我的应用程序升级到Google Maps v2,我想获得MapFragment或GoogleMap的测量宽度.这就是我想要做的.

int mapWidth =((View)sMapFrag_v2.getMap()).getMeasuredWidth();

如何使用新API做这样的事情？

我是JavaScript的新手.

我的代码到目前为止:

$("#Stage").css(
  "background-image",
  "url(BG.jpg)",
  "background-attachment", 
  "fixed"
);

我想要做的是将背景图像设置为一个大小,让我们说:width: 100%和height: 100%.

有没有人知道如何调整格子图中的标记线宽度,理想情况下使用auto.key？我需要独立于绘图中的线条粗细调整它,我需要非常薄.默认情况下,图例中的线条也非常薄,这使得很难通过颜色或线条样式区分不同的系列.中等厚度的矩形将是图例中理想的系列标记.

x = seq(1,360*10,1)
y = sin(x*pi/180)
df = data.frame(x=x, y=y, id="x")
p.xy <- xyplot(y~x, groups=id, data=df, type="l", lwd=.1
              ,auto.key=list(lines=T, points=F))
print(p.xy)

谢谢!
布赖恩

我有一个QMenu被分配给a QPushButton并在按下按钮时弹出.它看起来像这样:

但是,我希望菜单的宽度等于按钮的宽度,因为它现在看起来很丑,而且它也很难打.

我可以通过使用设置菜单的固定宽度setMinimumWidth,但是我必须手动输入宽度值.按钮的大小可能在创建后不会改变,因此菜单的最小宽度不一定必须动态调整.但我不想硬编码一个值.

这两个小部件都是在我的窗口的构造函数中创建的,它也是从窗口派生的QWidget.我可以调用sizeHint我的按钮的方法,但只返回它的"最佳"宽度.它后来在布局中的宽度比这宽.

现在,调用width按钮上的方法也不会返回它在布局中应该具有的正确宽度,但是宽度比按钮的宽度宽,即使我在窗口的所有子窗口小部件都已分配给它之后调用它他们的布局,窗口的布局已经设置好了.我不确定为什么会这样; 也许是因为在窗口的构造函数中,小部件还不知道它将显示的大小？

现在,有没有办法让菜单具有按钮的宽度？或者我可以在哪个时间点调用width按钮上的方法,它会返回按钮实际显示的宽度？该按钮也设置为parent菜单.有没有办法让小部件具有其父级的宽度？

这里有一些示例代码:

MainInterface::MainInterface(QWidget *parent){

    //some code

    _moreButton = new QPushButton(tr("&More..."));
    _moreMenu = new QMenu(_moreButton);
    _cmdAction = new QAction(tr("Save as Batch File"), this);
    _moreMenu->addAction(_cmdAction);
    _moreButton->setMenu(_moreMenu);

    //some more code

    _layout->addWidget(_moreButton);
    setLayout(_layout);
}

我正在尝试captions基于figure和构建gallery-section figcaptions.它必须响应并使用不同的height/ width along with itsfigcaption`.

一切正常的firefox,但遗憾的是chrome不遵循100%,width在CSS这显著.

figure {
  margin: 6px;
  color: #333;
  /*display: table;
  float: left;*/
  display: inline-block;
  -webkit-box-sizing: border-box ;
  -moz-box-sizing: border-box ;
   box-sizing: border-box ;

}
figure figcaption {
  background: #E3E3E3;
  padding: 10px 12px 12px;
  color: #333;
  text-align: center;
  font-size: 13px;
  width: 100%;
  display: table-caption;
  caption-side: bottom;
  -webkit-box-sizing: border-box ;
  -moz-box-sizing: border-box ;
  box-sizing: border-box ;
}

这是我的JSFiddle

请帮忙.