ширина div относительно содержимого

Question

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

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

Спасибо.

Answer 1

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

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

см. Пример здесь: http://jsbin.com/usuno4

Answer 2

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

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

Answer 3

Ширина Div составляет 100% содержащего элемента, если только у вас нет стилей, влияющих на div, или div находится внутри встроенного элемента.

-

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