ul中li居中显示的table方法

废话很少,贴代码spa

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>
<style> ul{ height: 30px; display: table; margin: auto; padding: 0; text-align: center;
 } li{ float: left;
 }
</style>

通常来讲是不用table属性的,可是这里咱们却用了,table属性,,让ul改成表格格式code

可是!!!敲黑板,划重点blog

ul是不须要设置宽度的,否则实现不了li居中显示。table

而且,ul样式中{display:table;text-aline:center}这两个属性是必须的!!!class

相关文章
相关标签/搜索