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

Question

我正在尝试拉伸菜单，几乎就像在这里完成的那样： Stretch horizontal ul to fit width of div

只有我试图让它成为实际的文本，是左边和右边（现在它们包含的li被拉伸，但是文本居中。

任何想法都链接到示例？ :) CSS /或表无关紧要，只要它适用于所有浏览器：）

像这样： http://www.alisso.se/wordpress/uploads/2012/05/spread-menu.png

Answer 1

我为你设置了一个jsfiddle，它将实现你想要的风格http://jsfiddle.net/trickeedickee/Kkngn/我使用了额外的第一个和最后一个类。我可以使用：first-child和：last-child但不想为你过度复杂。

让我知道这是否有效，如果没有，我会帮助更多。