学做网站培训课程介绍

当前位置:

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;
}

发表评论

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

相关教程

  • 在做网站过程中,如果想在一张网页上实现图片加文字的格式,就需要通过Dreamweaver CS6破解版软件设置背景图片。可以在网页上添加背景图片,然后
  • 学习了一些HTML知识,我们就可以自己动手去写一些HTML代码了。那么用什么写了,这就要用HTML 编辑器。常用的HTML 编辑器有二种就是记事本和Dreamweave
  • 列表标签有二种,分为有序列表(ol标签)和无序列表(ul标签)。通过列表标签可以排列网站中的很多内容,让用户一目了然。列表标签在做网站和网页
  • 插件介绍Wordpress 3D标签云标签WP-Cumulus可以实现在Wordpress做网站时自动调用标签,形成动感3D效果。它使用Flash Js来实现标签云效果,超酷的3D
  • 各类微博的流量很大,如果自己网站内容能够同步更新到自己的微博上,可以让更多的人看到自己网站上的内容了。如何将自己网站内容同步更新到微
  • 提高网站的“回头客”,我们需要给注册会员提供一些特权,而对游客隐藏部分wordpress文章,因为有很多自己做网站vip学员问到,网站怎么实现游客隐藏、会
  • 在网站布局过程中,运用div+css的布局是特别有利的,通常我们需要对一个div层进行居中处理,那么如何通过css属性对它进行控制呢:下面分享一个建网页
  • 欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下CSS控制文字水平居中、垂直居中。CSS控制文字水平居中,需要使用text-align属性,其