我的问题很简单：
你能阻止一个 div 自动拉伸到其包含元素的宽度，并让它只水平拉伸它内部的内容所强制的程度吗？
有点像 div 的默认垂直行为，但水平应用。这可能吗？
问问题
18976 次
2 回答
27
您必须将display属性设置为inline-block
<div style="display: inline-block">Text</div>
于 2012-07-27T00:01:43.620 回答
5
实际上，display:inline会有更好的浏览器支持，但可能达不到你想要的结果，它会让 div 与内容保持一致，a la <span>。
有两种类型的元素：块和内联。块元素拉伸到宽度并断开线条。内联延伸到内容并保持内联。（！）
display:inline-block正在获得更好的支持，但较旧的浏览器不会这样做。
于 2012-07-27T00:05:58.500 回答