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

Question

我想创建一个像fieldset和的效果label.

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

如果我可以使heading或div元素的宽度足以适合其内容,它将产生适当的效果.

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

Answer 1

您可以float在要缩小的div上使用,或者display: inline-block(虽然这在IE6中不起作用(因为它仅适用inline-block于默认情况下的内联元素)而不指定宽度.或者你可以使用两者,显然.虽然我不是确定你为什么要做一个漂浮块行为就像它一样inline.

在jsbin演示

Answer 2

我会推荐这个

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