技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> CSS/HTML --> li水平居中css实现

li水平居中css实现

浏览:3221次  出处信息
现在一般都是用li做菜单了,淡水也就从了。li的float:left,可以了变成横向的菜单了。但是它们怎么跑到区域里居中显示呢(一般是页脚的链接是居中的)?li的display:inline;就可以了,float:left都不要了,自己跑一行去了。

#main_footer{
list-style:none;
text-align:center;
}
#main_footer li{
display:inline;
}

<ul id=”main_footer”>
<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>

其实淡水还是在用table布局,为啥,方便啊。不过也少了:)

哎,div啊。。。

建议继续学习:

  1. li并行显示    (阅读:2881)
  2. li的多余空白    (阅读:2074)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1