float後怎麼居中

時間 2019-11-29

標籤 float 怎麼居中欄目 CSS 简体版

原文原文鏈接

咱們在用css float的時候，如何讓文本水平居中真的很麻煩，css

[float]使div（或者其餘標籤）的寬度自適應其內容，但它卻有個弊端：沒法居中。
[display:inline-block]也有一樣的特性，而且能夠居中，但連續幾個這樣的東東，之間卻會出現空格。html

第一種方案：spa

<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>

　第二種方案（推薦）code

<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>

相關標籤/搜索