我怎样才能让我的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的块行为。