在做网站时,有些列表会使用到ul标签,里面会有很多的LI标签,由于li标签的数量不是固定的,所有无法设置ul标签的宽度,这就造成一个问题,我们无法设置ul中的li居中。
怎么解决这个问题呢?如何让ul不设置宽度也可以让里面的li居中呢,制作如下图的效果呢?
其实方法很简单,只需要设置ul的元素为table就可以了。在CSS里加以下的样式代码即可。(如果你对代码一点不懂,可以学习一下HTML入门教程)
ul{
display:table;
text-align:center;
margin:0 auto;
}