ul中li居中顯示的table方法

廢話很少，貼代碼

<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改成表格格式

可是！！！敲黑板，劃重點

ul是不須要設置寬度的，否則實現不了li居中顯示。

而且，ul樣式中{display:table;text-aline:center}這兩個屬性是必須的！！！