学做网站培训课程介绍

当前位置:

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标签有哪些 (132544 次浏览)
    什么是HTML标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML标签即是网页浏览器识别符,就像一个人名字张三、李四代表人的姓名一样。这里说
  • 列表标签有二种,分为有序列表(ol标签)和无序列表(ul标签)。通过列表标签可以排列网站中的很多内容,让用户一目了然。列表标签在做网站和网页
  • html怎么让ul内容居中 图文教程 (118485 次浏览)
    在做网站时,有些列表会使用到ul标签,里面会有很多的LI标签,由于li标签的数量不是固定的,所有无法设置ul标签的宽度,这就造成一个问题,我们无法设
  • 各类微博的流量很大,如果自己网站内容能够同步更新到自己的微博上,可以让更多的人看到自己网站上的内容了。如何将自己网站内容同步更新到微
  • 自己做网站时发布的文章,希望越多人看越好.怎么才能找到人流量大的地方呢,之前我们讲了如何自己网站的文章同步到新浪微博,今天我们来讲一下如何将自
  • 欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下CSS控制文字水平居中、垂直居中。CSS控制文字水平居中,需要使用text-align属性,其
  • 欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下DIV水平居中显示CSS代码。当我们写了一个DIV后,默认情况下,DIV是左对齐的,如何让一个DI