2010-10-18 5 views
1

Есть ли способ динамически установить ширину div/сделать ширину относительно содержимого - с помощью jQuery? Это должно быть с числовым значением, потому что в противном случае оно не работает с горизонтальной компоновкой веб-сайта, с которой я имею дело ...div width относительно содержимого

В div будут отображаться только изображения с заданными значениями ширины.

Спасибо.

ответ

2

Это решение, которое я искал:

<script type="text/javascript"> 
var width = 0; 
$('#page img').each(function() { 
    width += $(this).outerWidth(true); 
}); 
$('#page').css('width', width + 0); 
</script> 
4

a div будет растягиваться, чтобы соответствовать его контейнеру (сколь бы широким он ни был) по умолчанию, если у него нет явно установленного width.

установить div, чтобы иметь display:inline-block;, и он будет растягиваться, чтобы соответствовать его содержимому, что вам кажется очень нужным.

смотри пример здесь: http://jsbin.com/usuno4

0

Div ширины 100% вмещающего элемента, если у вас есть стили, влияющие на DIV или DIV находится внутри строкового элемента.

-

Можете ли вы дать больше информации о том, что именно вы пытаетесь достичь. Вопрос - быстрый ответ, но я считаю, что вы ищете больше.

+0

Если это может поможет, я восстановление http://www.joliannelm.com/europe.html и мне нужно другое значение ширины на мой div в соответствии с изображениями в нем. Поскольку я перестраиваю сайт в CMS, и я хочу, чтобы мой клиент мог его редактировать, я не хочу, чтобы на каждой странице вводилось настраиваемое значение. –

+0

И я должен использовать значение в px, в противном случае я не могу иметь горизонтальную прокрутку в браузере ... –

Смежные вопросы