相对于内容的div宽度

Question

有没有一种方法可以动态设置div宽度/使宽度相对于内容-使用jQuery？ 它必须带有数字值，因为否则，它不适用于我正在处理的水平网站布局...

div将仅包含具有定义的宽度值的图像。

谢谢。

Answer 1

如果没有明确设置width ，默认情况下， div将拉伸以适合其容器（无论宽​​度如何）。

将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位于内联元素内。

-

您能否提供更多有关您到底要完成什么的信息。 问题是一个快速的答案，但我相信您正在寻找更多。