Question

我有一个简单的标记

.content{
    -webkit-column-width: 100px;
    width : 200px;
    height: 100px;
}

<div class="content">
Much text so the text will extend the box...
<div/>

当我使用jQuerys width函数时，它总是返回200，这是错误的，或者至少不是我预期的。

我需要用类内容来测量div的宽度，里面有很多文本，这将扩展div。

http://jsfiddle.net/EJEsP/

Answer 1

.content{
    -webkit-column-width: 100px;
    width : 200px;
    height: 100px;
}
#wrapper {
    width : auto;
}


<div id="wrapper">
    <div class="content">
    Many lines
    <div/>
<div/>

alert($("#wrapper").width())

将您的内容插入另一个宽度为：div的div中，并使用jQuery获取该div的宽度。

Answer 2

你明白了，因为你的内容真的是200px宽。

Answer 3

只需删除宽度

查看更新的示例

http://jsfiddle.net/EJEsP/2/

Answer 4

您已将宽度设置为200px。无论里面哪个div都不会被视为更大，除非你将它们添加到另一个div中。将宽度更改为自动，并查看是否更符合您的预期：）

http://jsfiddle.net/EJEsP/5/

获取div的宽度与列

4 个答案: