请div的不自动伸展到容器宽度

Question

我的问题很简单：

你可以阻止一个div自动延伸到其包含元素的宽度，并只伸展水平不亚于里面的内容它迫使？

有点像div的默认垂直行为，但水平应用。这可能吗？

Answer 1

你不得不在display属性设置为inline-block

<div style="display: inline-block">Text</div> 

Answer 2

其实，display:inline将有更好的浏览器的支持，但可能无法达到你想要的结果，它会保持在div符合内容，a la <span>。

有两种类型的元素：块和内联。块元素拉伸到宽度并断开线条。内联延伸到内容并保持内联。 （！）

display:inline-block得到了更好的支持，但旧版浏览器不会这样做。