南寧網(wǎng)站建設(shè)技巧：使用float:left并排布局后整體居中！在建網(wǎng)站的時(shí)候，我們經(jīng)常會(huì)遇到這樣的問題。需要并排顯示幾個(gè)DIV或LI模塊元素，以便它們可以作為一個(gè)整體居中，例如以下布局:

       <ul>
       <li></li>
       <li></li>
       <li></li>
       </ul>
       可能很多人會(huì)想到以下布局方法：
       <ul style="width:100px;text-align:center">
       <li style="float:left;width:10px;"></li>
      <li style="float:left;width:10px;"></li>
      <li style="float:left;width:10px;"></li>
      </ul>

　　許多人可能會(huì)想到以下布局方法:

        <ul style="width:100px;text-align:center">
        <li style="display:inline;padding:5px;margin:5px;"></li>
        <li style="display:inline;padding:5px;margin:5px;"></li>
        <li style="display:inline;padding:5px;margin:5px;"></li>
        </ul>

　　但是在實(shí)際效果中，如果把LIs定義為float:left，則不可能把UL的LI元素并列成一行后整體顯示居中，LIs會(huì)一個(gè)一個(gè)的向左排列。

　　那么如何在使用float后使整個(gè)中心:左并排布局呢?關(guān)于企業(yè)建站，目前，較好的方法可能是使用display:inline而不是float:left，如下所示:

　　但是使用這種方法的缺點(diǎn)是無法定義LI的寬度，只能使用填充和邊距來協(xié)調(diào)顯示間距效果。

　　您有沒有更好的方法將模塊元素與浮動(dòng)并排放置:左對(duì)齊?歡迎大家一起討論。