Question

I have a simple markup

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

When I use jQuerys width function it always return 200 which is wrong, or at least not what I expected.

I need to measure the width of the div with class content and it has a lot of text inside, that will extend the 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())​

Insert your content into another div with width:auto and get that div’s width with jQuery.