我们如何根据其内容自动生成div取宽度

Question

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

当标题沿侧面变化时，标题的白色背景保持相同的宽度。

如果我可以使heading或div元素的宽度足以适合其内容，则会产生适当的效果。

如果还有其他解决方案，请告诉我。

Answer 1

您可以在要缩小的div上使用float，或display: inline-block（虽然这在IE6中不起作用（因为它默认情况下仅将inline-block应用于内联元素）没有指定宽度。或者你可以使用两者。显然。虽然我不确定你为什么要做一个浮动块操作，好像它是inline。

jsbin

演示

Answer 2

我会推荐这个

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