Question

我的问题很简单：

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

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

Answer 1

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

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

Answer 2

实际上，display:inline会有更好的浏览器支持，但可能无法达到您想要的结果，它会使div与内容保持一致，即<span>。

有两种类型的元素：块和内联。块元素伸展到宽度并打破线。内联延伸到内容并保持内联。（！）

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