jquery - 使用 jQuery 获取嵌套 DIV 的真实宽度？

Question

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

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

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

score 2 · Accepted Answer

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

score 0 · Accepted Answer

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

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

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

score 0 · Accepted Answer

根据您的示例，执行以下操作：

CSS：

.item{ display: inline-block; }

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

3 回答 3