使div不自动伸展到容器宽度

Question

我的问题很简单:

你可以阻止div从自动拉伸到其包含元素的宽度,并且它只能像它内部的内容一样水平拉伸吗？

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

Answer 1

您必须将display属性设置为inline-block

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

Answer 2

实际上,display:inline会有更好的浏览器支持,但可能无法实现你想要的结果,它会保持div符合内容,一个la <span>.

有两种类型的元素:块和内联.块元素伸展到宽度并打破线.内联延伸到内容并保持内联.(!)

display:inline-block 正在获得更好的支持,但旧的浏览器不会这样做.