多个div水平排列并且居中的代码

洪七公

最直接想到的就是流式布局，这种不用在这里写了。

下面这种方法有两个关键点（IE7无效，再低更别想了）

text-align: center;

display: inline-block;

具体的代码在下面：

1. <style type="text/css">
   
2.         #div1{text-align: center;width: 800px;height: 40px;}
   
3.         .div2{display: inline-block;padding-left: 5px;padding-right: 5px;border: 1px solid;margin-left: 5px;margin-right: 5px;}
   
4. </style>
   
5. <div id="div1">
   
6.         <div class="div2">div2</div>
   
7.         <div class="div2">div2</div>
   
8.         <div class="div2">div2</div>
   
9.         <div class="div2">div2</div>
   
10.         <div class="div2">div2</div>
    
11. </div>

复制代码