IT技术博客大学习 共学习 共进步

li水平居中css实现

淡水河边的博客 2010-08-06 00:13:00 浏览 3,942 次
现在一般都是用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并行显示 (阅读 3,943)
  2. li的多余空白 (阅读 2,881)