我们在用css float的时候,如何让文本水平居中真的很麻烦,
[float]使div(或者其他标签)的宽度自适应其内容,但它却有个弊端:无法居中。
[display:inline-block]也有同样的特性,并且可以居中,但连续几个这样的东东,之间却会出现空格。
第一种方案:
<html> <body style="text-align:center"> <div style="margin:0 auto;"> <div style="float:left">123243</div> <div style="float:left">6576876</div> <div style="float:left">2433665</div> </div> </body> </html>
第二种方案(推荐)
<html> <body style="text-align:center"> <div style="display:inline-block; *display:inline; zoom:1;"> <div style="float:left">123243</div> <div style="float:left">6576876</div> <div style="float:left">2433665</div> </div> </body> </html>