Css 跨浏览器拉伸菜单项实际项

我试着扩展菜单，就像这里做的一样：

我只是想让实际的文本在最左边和最右边（现在它们包含的li被拉伸，但是文本居中）

有什么想法吗？och链接到示例？：） CSS/或表不重要，只要它在所有浏览器中都能工作：）

像这样：

---

我为您设置了一个JSFIDLE，它将实现您想要的样式，我使用了first和last的额外类。我本可以使用：first child和：last child，但我不想把它复杂化

---

让我知道这是否有效，如果无效，我将提供更多帮助。

你是说链接左对齐时这样做吗？我有点被你的问题弄糊涂了。几乎像那样，我希望实际的单词，而不是它们周围的灰色区域，像它们的容器一样均匀分布，只有第一个单词应该在最左边，最后一个应该在最右边，我给你看一张图片！因此，您希望第一个和最后一个li元素具有左/右文本对齐，以便文本浮动到其父页边距？左|中|中|中|右？太酷了，真的很管用。我完全理解：first.child&:lastchild，虽然我知道在一些浏览器中lastchild有时不起作用，所以这太棒了。我不明白为什么我不想这样做！非常感谢我几乎可以肯定。我明天上班去看看。我很乐意提供帮助，希望这个解决方案能够帮助其他有相同或类似问题的人。