css - 水平 Spry 菜单栏的灵活宽度

Question

我的网站有一个固定宽度的水平菜单栏。我的一些文字对于按钮的宽度来说太大了，它们会偏离中心，或者有时它们不能正确呈现。有没有办法使顶级按钮的大小不同，以使单词正确地适应整个栏的固定宽度。如果您想了解我的意思，这是我的网站。

http://www.rsd17.org/test

您会看到社区和快速链接没有居中。在 chrome-Linux 浏览器上，它们重叠并且看起来不正确。任何帮助都会很棒。我确定 CSS 中有一些可以调整的东西，只是不确定是哪个。

Answer 1

您可以删除链接上的左/右填充，而是将它们设置为text-align: center：

ul.MenuBarHorizontal a {
    padding: .66em 0;
    text-align: center;
}