HTML中的ul不设置宽，设置auto不能自动适应大小居中的兼容问题

水平居中一般我们固定思维都是直接设置margin：0 auto；但是这个必须要设置宽width,要不然不起作用，当我们在遇到一些要求适配不止数目的LI的时候，固定的宽就有局限性，所以我们要改成弹性的宽度，这时候可以在UL加上一个 display: table; 【重点就是这个属性,这个样式会告知浏览器当前元素的宽度,采用最小的宽度.不是默认全宽】

.ul{
display: table; /重点/
margin: 0 auto;
}
< div id=“content” >
* * * < ul >
* * * * * * <–这里的内容永远相对父元素id为content水平居中–>
* * * * * * < li>测试A< /li>
* * * * * * < li>测试B< /li>
* * * * * * < li>测试C< /li>
*** < /ul>
< /div>