CSS样式导航按钮

Question

你可以看到我在这里尝试做的尝试：http://rjlacount.com/clients/GreenTree/

我希望导航li自动确定填充，以便它们可以在内包装的整个宽度上伸展。因此，如果我添加了另一个li或取出一个li，它们仍然会居中，每个li的填充只会增加/减少以弥补它。

现在我将最后一个导航li浮动到右边并为每个导航添加填充以尽量使其尽可能接近全长。所以这几乎就是我想要它的样子，但我在最后两个项目之间有一个空间，我想摆脱它。

这可能吗？谢谢你的帮助。

Answer 1

我不相信这会在＆lt; IE8，但您始终可以使用条件样式表为这些浏览器提供float或display: inline-block备用。

实施例

CSS

ul {
    display: table; 
    width: 100%;
}

ul li {
    display: table-cell;
}

ul li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center; 
}

jsFiddle

jsFiddle还有一个li，你会注意到CSS是不变的：P