学做网站培训课程介绍

当前位置：

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;

}

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

相关教程

  • 认识HTML，什么是html代码 (135246 次浏览)
    什么是html代码HTML（Hyper Text Mark-up Language ）即超文本标记语言，是 WWW 的描述语言，由 Tim Berners-lee提出。只要使用鼠标在某一文档中点
  • 常用的HTML标签有哪些 (136158 次浏览)
    什么是HTML标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML标签即是网页浏览器识别符，就像一个人名字张三、李四代表人的姓名一样。这里说
  • HTML列表标签（ul标签 ol标签） 视频教程 (1105577 次浏览)
    列表标签有二种，分为有序列表（ol标签）和无序列表（ul标签）。通过列表标签可以排列网站中的很多内容，让用户一目了然。列表标签在做网站和网页
  • Wordpress 3D标签云插件WP-Cumulus 图文教程 (17687 次浏览)
    插件介绍Wordpress 3D标签云标签WP-Cumulus可以实现在Wordpress做网站时自动调用标签，形成动感3D效果。它使用Flash Js来实现标签云效果，超酷的3D
  • 如何将自己网站内容同步更新到微博 图文教程 (128537 次浏览)
    各类微博的流量很大，如果自己网站内容能够同步更新到自己的微博上，可以让更多的人看到自己网站上的内容了。如何将自己网站内容同步更新到微
  • wordpress网站实现游客隐藏、会员可见全部内容 图文教程 (118100 次浏览)
    提高网站的“回头客”，我们需要给注册会员提供一些特权，而对游客隐藏部分wordpress文章，因为有很多自己做网站vip学员问到，网站怎么实现游客隐藏、会
  • 建网页知识：CSS控制网页DIV层水平垂直居中 (124305 次浏览)
    在网站布局过程中，运用div+css的布局是特别有利的，通常我们需要对一个div层进行居中处理，那么如何通过css属性对它进行控制呢：下面分享一个建网页
  • CSS怎么控制DIV水平居中显示 视频教程 (112986 次浏览)
    欢迎大家学习学做网站论坛的CSS视频教程，这节课程我们讲一下DIV水平居中显示CSS代码。当我们写了一个DIV后,默认情况下,DIV是左对齐的,如何让一个DI

建站培训课程

最新教程

其它教程