Css 以一个特定的分区为中心-尝试了很多-不断失败

各位晚上好

这是我第一次上这个网站，所以如果我做得很糟糕，我道歉

首先也是最重要的是，我有一个专门为wordpress设计的网站，我现在面临的问题是，我希望顶部的水平导航看起来像某种方式，但如果我保持现在的方式，它似乎会下降到第二行……这让我很难过

因此，我决定将单个按钮缩小，然后将它们居中，这样即使查看器没有我正在使用的按钮（这是影响），它也会调整它们的居中方式，而不是下拉

几天来，我一直试图找到一种方法来做到这一点，但我一再失败。我在firefox中使用“firebug”来测试代码更改，但我找不到一种方法来实现这一点

网页是，代码就在页面的顶部，徽标的下面。我将包括当前的CSS，它的格式是满足当前页面使用的方式（但是，在一些旧浏览器和手机浏览器上，它倾向于显示双行）

---

我认为你的问题与你的字体有关：

#navigation ul {
  font-family:Impact,Charcoal,Times New Roman;
  ...
}
...
...
#navigation li a {
  ...
  letter-spacing:2.45px;
  ...
}

您正在使用字体的宽度设置菜单中项目的宽度。 因此，当系统中没有影响字体时，项目的宽度会增加很多。 影响字体的每个字符的宽度与您放置的其他字符相比要窄得多

如果您尝试使用等效宽度字体，我相信您会解决问题

在iPhone中，我猜Android，你在那里找不到Impact字体

---

尝试Helvetica，Arial而不是Impact，并将字母间距更改为2.0px或类似的内容。

我在任何浏览器中都看不到“两行”问题，即使是IE6

如果你想确保你的访问者能够看到你使用的确切字体。。它可能是影响或任何种类的花式字体。尝试使用

只需上传您想要的字体，下载工具包并按照超级简单的说明（^ ^）操作即可

#navigation ul {
  font-family:Impact,Charcoal,Times New Roman;
  ...
}
...
...
#navigation li a {
  ...
  letter-spacing:2.45px;
  ...
}