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

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

原创最新推荐文章于 2021-08-18 00:00:56 发布 · 908 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#li ul居中

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

45 篇文章

订阅专栏

本文展示了如何使用HTML表格来组织并呈现个人信息，包括姓名、身份证号以及与户主的关系。文章特别强调了样式设置的重要性，以确保在不同浏览器中的显示一致性。

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