div宽度相对于内容

时间:2010-10-18 20:22:39

标签: jquery html automation width

有没有办法动态设置div宽度/使宽度相对于内容 - 使用jQuery?它必须是一个数值,否则,它不适用于我正在处理的水平网站布局......

div只包含具有已定义宽度值的图像。

感谢。

3 个答案:

答案 0 :(得分:4)

如果div没有明确设置widthdiv将展开以适合其容器(无论它可能是多宽)。

display:inline-block;设置为{{1}},然后展开以适应其内容,这就是您想要的内容。

请参阅此处的示例:http://jsbin.com/usuno4

答案 1 :(得分:2)

这是我正在寻找的解决方案:

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

答案 2 :(得分:1)

Div宽度是包含元素的100%,除非您有影响div的样式或div在内联元素内。

-

您能否提供更多有关您要完成的内容的信息?问题是一个快速回答,但我相信你正在寻找更多。