包含文本的Div不占用必要的宽度

Question

关注我的代码：

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

150px足以包含所有文本，而div采用最大大小，在本例中为200px。如何解决没有浮动？

Answer 1

如果您在display: inline-block;上设置div，则会将其设为152px（最小宽度+边框）。

请参阅此fiddle。

使用与原始帖子相同的边距更新fiddle。

Answer 2

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

Answer 3

使用width: 150px代替min-width