Question

我的主导航中的“我们做什么”链接没有完整显示，“DO”这个词是截止的。如果您在检查器中将“DO”更改为其他内容，例如“我们放松的东西”，则会完整显示。某些其他组合也是截止的，例如，如果您尝试“我们选择什么”等等。

该网站使用Bootstrap。我不确定这与这个问题有什么关系，但是我画的是空白。

Answer 1

似乎“我们做什么”将“Do”包装到下一行。

通过将white-space:nowrap;添加到<li>s：

中的链接，我获得了成功

.main-nav a {
  ...
  white-space: nowrap;
}

编辑：

请参阅Chris Laarman在答案中提到的关于text-transform的这个问题：
text-transform: uppercase causes layout error on Chrome

Answer 2

以下代码似乎解决了问题

.main-nav a {
  white-space: nowrap;
}

如果关闭文本转换，则可以看到它在1行显示所有单词。因此，似乎在计算宽度之后进行文本转换。不知道到底为什么，但似乎只是把它推到了边缘

下面的链接似乎描述了同样的问题：