在我的示例页面中:http: //j25.wasen.net/modules/mod_simplefilelisterv2.0/index.html
我添加了一个 DIV 作为 200px 宽的包装器。
我使用 jQuery 来尝试检测此 DIV 内的 DIV 的宽度,但即使它们更宽(或更窄),它们也都显示为 200px 宽。
我已经尝试了在网站上找到的几种不同的技术,但到目前为止都失败了......我怎样才能在包装器中获得 DIV 的真实宽度?
在我的示例页面中:http: //j25.wasen.net/modules/mod_simplefilelisterv2.0/index.html
我添加了一个 DIV 作为 200px 宽的包装器。
我使用 jQuery 来尝试检测此 DIV 内的 DIV 的宽度,但即使它们更宽(或更窄),它们也都显示为 200px 宽。
我已经尝试了在网站上找到的几种不同的技术,但到目前为止都失败了......我怎样才能在包装器中获得 DIV 的真实宽度?
display: inline-block
用作 div 的样式。目前display: block
将使 div 与其父级一样大,而内部标签的显示值为inline
.
您没有指定元素内 div 的宽度。它们是块元素,会自动继承父元素的宽度。
如果您希望它们具有基于其文本的真实宽度,您可以尝试像 span 这样的内联元素,或者将它们显式声明为内联或内联块。对于大于父项的项目,您需要指定 white-space:nowrap; 尽管。
您可以通过在 Chrome 上使用开发者工具或在 Firefox 上使用 Firebug 来了解我的意思。