li在ul中居中显示 并且可以为li设定宽度

来源:互联网 发布:linux 控制用户权限 编辑:程序博客网 时间:2024/04/19 20:33
<ul class="th" style='overflow: hidden; text-align: center; margin: 0px; padding: 0px;'>  
        <li style='width:33.3333333%; float:left; margin: 0px; padding: 0px;'>姓名</li>  
        <li style='width:33.3333333%; float:left; margin: 0px; padding: 0px;'>身份证号</li>  
        <li style='width:33.3333333%; float:left; margin: 0px; padding: 0px;'>与户主关系</li>
   </ul>  

    <ul class="th" style='overflow: hidden; text-align: center; margin: 0px; padding: 0px;'>  
        <li style='width:33.3333333%; float:left; margin: 0px; padding: 0px;'>阿三</li>  
        <li style='width:33.3333333%; float:left; margin: 0px; padding: 0px;'>3-1</li>  
        <li style='width:33.3333333%; float:left; margin: 0px; padding: 0px;'>13</li>

   </ul> 


注意上面的margin: 0px; padding: 0px;是不可少的 否则在不同的浏览器中 渲染的结果就不一样了 很有可能导致换行

原创粉丝点击