html - 包含文本的 div 不占用必要的宽度

Question

按照我的代码：

<div style="min-width: 150px; max-width: 200px; margin: 0 auto; border: 1px solid black;">test</div>

150px 足以包含所有文本，而不是 div 采用最大尺寸，在本例中为 200px。没有float怎么解决？

score 1 · Accepted Answer

如果你设置display: inline-block;，div你会得到它是 152px （最小宽度+边框）。

看到这个小提琴。

更新了与原始帖子相同的边距的小提琴。

score 1 · Accepted Answer

div 自动具有 100% 的宽度，因为它是块类型元素。如果您希望它的宽度随内容缩放，请尝试将此属性添加到样式标签：display: inline-block;。

score 0 · Accepted Answer

0

使用width: 150px代替min-width

于 2013-10-04T22:03:39.790 回答

3 回答 3