我怎樣才能讓我的DIV的文本只是它的大小包裹

Question

我有這樣的代碼：

<div id="one"> 
<div id="two">my text here</div> 
</div> 

我都鋪有ID =兩格，把一個盒子周圍。問題是它不包含文本，而是擴展到外部DIV的寬度。有沒有一種方法可以使它的大小與文本相匹配而不指定寬度？

Answer 1

您可以

#two { 
    display: inline; /* or 'inline-block' */ 
} 

或者：

#two { 
    float: left; /* or right */ 
} 

display: inline;停止div被顯示爲一個塊級元素，沖垮了（對於一個更好的詞想）到其內容的大小。如果您使用替代方案display: inline-block，那麼div將保留其定義的width和height的能力，這可能是您的佈局所需的。但值得注意的是，Internet Explorer 6和7僅接受display: inline-block用於「naturally inline」的元素。

float有很多相同的效果;但使用float可能會明顯影響頁面的佈局，並且可能需要由後續元素清除。

Answer 2

display：inline-block;

這樣你保持你的div的塊行爲。