jquery - Firefox での html() イベント中の改行

Question

別の要素がクリックされたときに要素のテキストを変更しようとしています。これは Chrome では正常に機能しますが、Firefox では、イベントによって最後の単語が最初の行に収まる前に一時的に 2 行目に割り込まれます。

なぜこれが起こるのか分かりません。私が使用するコードは次のとおりです。

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

getMessage() は、配列からテキストを取得するだけです。

なぜこれが起こっているのか誰にも分かりますか？

Answer 1

CSSを使用してこれを防ぐことができます

.arrow_box{
  white-space: nowrap;
}

プロパティの詳細については、https://developer.mozilla.org/en-US/docs/Web/CSS/white-spaceを参照してくださいwhite-space

Answer 2

設定してみる

.arraw_box { 
    white-space: nowrap
}