UL列表末尾的空白区域

时间:2011-08-27 20:53:49

标签: javascript html

http://www.sikni8.com/nas/testfooter.htm

我还没有把它格式化为在线,但我不明白哪个是UL列表最后占用了emtpty空间?我如何修复它,以便我可以将LI置于DIV标记为headerC的中心?

感谢您的帮助!

2 个答案:

答案 0 :(得分:3)

你漂浮在左边,所以你永远无法将它们居中。试试这个

li { display: inline-block; }

哪个给你这个

enter image description here

你应该注意,内联块有一些非常差的浏览器支持所以它应该总是像这样定义

li
{
    /* for older versions of FF */
    display: -moz-inline-stack;

    /* for modern broswers */
    display:inline-block;

    /* for IE */
    zoom: 1;
    *display: inline;

}

答案 1 :(得分:0)

如果你希望它们具有均匀的间距,那么给你四个风格width: 25%;,但是要占用整个ul。