0

在我的示例页面中:http: //j25.wasen.net/modules/mod_simplefilelisterv2.0/index.html

我添加了一个 DIV 作为 200px 宽的包装器。

我使用 jQuery 来尝试检测此 DIV 内的 DIV 的宽度,但即使它们更宽(或更窄),它们也都显示为 200px 宽。

我已经尝试了在网站上找到的几种不同的技术,但到目前为止都失败了......我怎样才能在包装器中获得 DIV 的真实宽度?

4

3 回答 3

2

display: inline-block用作 div 的样式。目前display: block将使 div 与其父级一样大,而内部标签的显示值为inline.

于 2013-01-28T19:17:23.727 回答
0

您没有指定元素内 div 的宽度。它们是块元素,会自动继承父元素的宽度。

如果您希望它们具有基于其文本的真实宽度,您可以尝试像 span 这样的内联元素,或者将它们显式声明为内联或内联块。对于大于父项的项目,您需要指定 white-space:nowrap; 尽管。

您可以通过在 Chrome 上使用开发者工具或在 Firefox 上使用 Firebug 来了解我的意思。

于 2013-01-28T19:18:09.787 回答
0

根据您的示例,执行以下操作:

CSS:

.item{ display: inline-block; }

这是一个演示:http: //jsfiddle.net/StPGT/2/

于 2013-01-28T19:28:15.203 回答