jquery - 获取带有列的div的宽度

Question

我有一个简单的标记

.content{
    -webkit-column-width: 100px;
    width : 200px;
    height: 100px;
}
​
<div class="content">
Much text so the text will extend the box...
<div/>

当我使用 jQuerys 宽度函数时，它总是返回 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())​

使用 width:auto 将您的内容插入到另一个 div 中，并使用 jQuery 获取该 div 的宽度。