DIV里面的li 水平居中代码分享

admin

网站制作中，我们在制作导航的时候，经常会遇到 多个并排LI需要页面居中显示，效果入下图

这个时候text-align:center是无效的
下面列数实际可以用的代码：

1. <style>
   
2. .box
   
3. {
   
4.     width:90%;
   
5.     margin:auto;
   
6. }
   
7. .box ul
   
8. {
   
9.     display:table;  /**不要设置宽度*/
   
10.     margin:10px auto;
    
11. }
    
12. .box ul li
    
13. {
    
14.     border:1px solid #06C;
    
15.     text-align:center;
    
16.     float:left;
    
17.     *float:none;
    
18.     *display:inline;
    
19.     *zoom:1; list-style: none;
    
20.         padding:10px;
    
21.         margin:10px;
    
22.         width:10%;
    
23.         background:#06C;
    
24. }
    
25. .box ul li a{ color:#fff}
    
26. </style>

复制代码

以上就是宝葫芦整理的div中li水平居中代码，拿去不谢！！！！