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}这两个属性是必须的！！！