清风徐来
Michael's Blog
li水平居中css实现

其实这个是凑数来的。只是好久没动博客了,实在是说不过去了,丫的太懒了。其实是淡水没有时间(好假的借口)。

闲话不多说了。现在一般都是用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啊。。。


最后修改于 2010-08-05