股利其中包含文本不採取必要的寬度

Question

下面我的代碼：

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

的150像素足以容納所有的文本，而不是在div取最大尺寸，在這種情況下200像素。如何解決沒有浮動？

Answer 1

div自動具有100％的寬度，因爲它是塊類型元素。如果您希望其寬度可以隨內容進行縮放，請嘗試將此屬性添加到樣式標記：display: inline-block;。

Answer 2

如果你在div上設置了display: inline-block;，你會得到它是152px（最小寬度+邊框）。

看到這個fiddle。

更新fiddle與原始帖子具有相同的邊距。

Answer 3

使用width: 150px代替min-width