Question

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

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

我在网站上尝试了几种不同的技术，但是到目前为止都失败了......如何在包装器中获得DIV的TRUE宽度？

Answer 1

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

Answer 2

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

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

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

Answer 3

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

CSS：

.item{ display: inline-block; }