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

最新推荐文章于 2021-08-18 00:00:56 发布

gwpJava

最新推荐文章于 2021-08-18 00:00:56 发布

阅读量856

点赞数

分类专栏： Html/Css/JavaScript 文章标签： li ul居中

本文链接：https://blog.csdn.net/gwpJava/article/details/10327717

版权

Html/Css/JavaScript 专栏收录该内容

45 篇文章 0 订阅

订阅专栏

<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;是不可少的否则在不同的浏览器中渲染的结果就不一样了很有可能导致换行