如何让div自动根据内容调整宽度

Question

我想创建类似 fieldset 和 label 的效果。

当标题沿边变化时，标题白色背景的宽度保持不变。

如果我可以使 heading 或 div 元素的宽度足以适应其内容，它将给出适当的效果。

如果有任何其他解决方案请告诉我。

Answer 1

您可以在要缩小的 div 上使用 float ，或 display: inline-block （尽管这在 IE6 中不起作用（因为它应用 inline-默认情况下，仅对内联元素进行块），而不指定宽度。或者，显然，您可以同时使用两者，尽管我不确定为什么您想让浮动块表现得像 一样。内联

演示位于 jsbin

Answer 2

我会推荐这个

#element {
    display: table; /* IE8+ and all other modern browsers */
}