CSS里 ul标签怎么居中啊

 时间:2024-10-12 18:45:45

要实现UL标签水平居中,关键在于CSS中 display:inline 的运用。

HTML代码具体示例:

<div id="links">

<ul>

<li><a href="#"> </a></li>

<li><a href="#"> </a></li>

<li><a href="#"> </a></li>

<li><a href="#"> </a></li>

<li><a href="#"> </a></li>

</ul>

</div>

注意:如果UL没有设置宽度,用margin:0 autl是没有用的,因为它默认了100%,给它一个宽度,实际宽度或者width:auto都可以。

CSS里 ul标签怎么居中啊

扩展资料:

在HTML中,有两种类型的列表:无序列表 - 列表项标记用特殊图形(如小黑点、小方框等);有序列表 - 列表项的标记有数字或字母。使用CSS,可以列出进一步的样式,并可用图像作列表项标记。

用CSS设置UL标签的列表符号是不需要去设置的,因为ul默认就是标签符号的,如果使用了这个list-style:none;去掉了这个属性,然后又想有的话,就给这个ul一个id或者是class,然后在css中list-style-type:disc !important,这样就又有序号了。

参考资料:UL_百度百科

  • css怎么控制li和ul的距离
  • 如何让div中的ul垂直居中
  • 怎么用js给ul里的li加下划线
  • 在网页制作中如何控制DIV居中显示,用CSS怎么控制背景图片大小
  • 如何设置css让两个文本框显示在同一行?
  • 热门搜索
    小学生春节手抄报 关于宪法的手抄报 重阳节手抄报内容 劳动手抄报简单一等奖 元宵节手抄报简笔画 元旦手抄报图片 建军节手抄报 植树造林手抄报 科学幻想手抄报 抗日手抄报