零基础学做网站培训介绍

当前位置:

html怎么让ul内容居中

在做网站时,有些列表会使用到ul标签,里面会有很多的LI标签,由于li标签的数量不是固定的,所有无法设置ul标签的宽度,这就造成一个问题,我们无法设置ul中的li居中。

怎么解决这个问题呢?如何让ul不设置宽度也可以让里面的li居中呢,制作如下图的效果呢?
ul中的li居中

其实方法很简单,只需要设置ul的元素为table就可以了。在CSS里加以下的样式代码即可。(如果你对代码一点不懂,可以学习一下HTML入门教程


ul{
   display:table;
   text-align:center;
   margin:0 auto;
}

相关阅读:

如何让网站文章中的图片自动居中

建网页知识:CSS控制网页DIV层水平垂直居中

CSS怎么控制DIV水平居中显示

发表评论

电子邮件地址不会被公开。 必填项已用*标注