Html CSS样式化导航按钮

你可以看到我在这里试图做的事情：

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

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

---

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

我认为这在浮动或

显示：内联块

回退

例子

CSS

---

再加上一个

li

，你会注意到CSS是不变的：p

可能正在检查这个jQuery插件以实现你想要的：@alex。。。你总是把我揍得体无完肤：）回答得很好。这几乎正是我需要的，但还有一个快速澄清。。。有没有一种方法可以让每一个细胞都变得更高，同时保持每个细胞都是一个大按钮？我试着给每个li添加填充，但在悬停时，实际上每个li只有一小部分是可选择的。我基本上希望它们是大按钮，用户可以点击任何区域。完美。谢谢，你是救命恩人！

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

ul li {
    display: table-cell;
}

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