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让两个文本框显示在同一行?
  • 热门搜索
    感恩大自然手抄报 手抄报感恩的心 手抄报的格式 保护动物手抄报资料 熊猫手抄报 小学生环保手抄报资料 我爱读书手抄报花边 安全方面的手抄报 好人好事手抄报 自我保护手抄报