如何让不设宽度ul中的li居中

  • 时间:2020-03-15 13:30 编辑: 来源: 阅读:141
  • 扫一扫,手机访问
摘要:在做网站时,有些列表会使用到ul标签,里面会有很多的LI标签,由于li标签的数量不是固定的,所有无法设置ul标签的宽度,这就造成一个问题,我们无法设置ul中的li居中。怎么解决这个问题呢?如何让ul不设置宽度也可以让里面的li居中呢,制

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

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

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

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


  • 全部评论(0)
资讯详情页最新发布上方横幅
最新发布的资讯信息
【技术文章|】Java 开发环境配置(2021-01-16 19:16)
【技术文章|java技术】Java简介 主要特性 发展历史(2021-01-16 19:10)
【技术文章|java技术】eclipse项目如何导入myeclipse项目中 如何把eclipse项目导入myeclipse(2020-12-20 22:06)
【技术文章|】如何将MyEclipse项目导入eclipse (2020-12-20 22:00)
【技术文章|java技术】如何用eclipse运行myeclipse做的项目(2020-12-20 21:55)
【技术文章|java技术】怎么分辨java框架(2020-12-17 16:27)
【技术文章|】Editplus批量转换java utf-8 bom源码文件为utf-8编码文件(2020-12-13 20:21)
【技术文章|java技术】java utf-8 bom源码文件为utf-8编码文件(2020-12-13 20:17)
【服务项目|】java程序代写计算机毕业设计代做(2020-10-20 16:54)
【热点|国内】第七次全国人口普查“查人”又“查房”,还可自主填报(2020-10-20 14:49)
底部广告
网站首页 | 关于我们 | 广告合作 | 联系我们 | 隐私条款 | 免责声明 | 站点地图
CopyRight 2014-2024 学帮网 |粤ICP备18000800号-4