jquery - Firefox 上的 html() 事件期间的换行符

Question

当单击另一个元素时，我正在尝试更改元素上的文本。这在 Chrome 上运行良好，但在 Firefox 中，该事件会强制最后一个单词在进入第一行之前暂时进入第二行。

我不知道为什么会这样。我使用的代码是：

$('.arrow_box').html(getMessage();

其中 getMessage() 只是从数组中检索文本。

有谁知道为什么会发生这种情况？

Answer 1

您可以使用 CSS 来防止这种情况

.arrow_box{
  white-space: nowrap;
}

有关该属性的更多信息，请参阅https://developer.mozilla.org/en-US/docs/Web/CSS/white-spacewhite-space

Answer 2

尝试设置

.arraw_box { 
    white-space: nowrap
}