float后怎么居中

最新推荐文章于 2021-11-04 19:45:00 发布

weixin_30568591

最新推荐文章于 2021-11-04 19:45:00 发布

阅读量572

点赞数

原文链接：http://www.cnblogs.com/myhappylife/p/3481167.html

版权

我们在用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>