Получить ширину 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())​

Вставьте ваш контент в другой div с width: auto и получите ширину этого div с помощью jQuery.

Answer 2

Просто уберите ширину

см. Обновленный пример

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

Answer 3

Вы установили ширину в 200 пикселей.Неважно, что внутри этого div, не будет выглядеть больше, если вы не добавите их в другой div.измените ширину на автоматическую и посмотрите, будет ли это больше, чем вы ожидали:)

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

Answer 4

Вы получите это, потому что ваш контент действительно имеет ширину 200 пикселей.