水平居中一般我们固定思维都是直接设置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>