こちらの開発サイトをFirefoxでご覧ください。
同じフレーズ「Accountantskantoor verschaeren-mertens」が 2 回表示されます。1 回はサイドバーに、もう 1 回は右上隅にあります。ご覧のとおり、改行はさまざまな位置にあります。Chrome、IE、Firefox でテストしましたが、これは Firefox でのみ発生します。
それを一貫させる方法について何か考えはありますか？以下を試してみましたが、うまくいきませんでした。
word-break: normal;
Firefox は明らかに右上隅のテキストにハイフンを付けているため、これはやや不思議です。最初の行の最後にハイフンがあり、単語の分割が行われたことを示しています。それword-breakは原因となるものではありません (適切な単語分割ではなく、文字列を残酷に壊します)。
それでも、何かが欠けていない限り、コードにハイフネーションを示唆するものは何もありません。
ただし、要素に次のように設定すると、Firefox はハイフネーションを実行できなくなります。
-moz-hyphens: manual
おそらく Firefox には、いくつかの状況で自動ハイフネーションを引き起こすデフォルトがいくつかあります (おそらく-moz-hyphens: auto派手なセレクターを使用)。また、Firefox はまだプロパティ名として使用していないためhyphens、ベンダー接頭辞付きのプロパティを使用する必要があります。
値を に設定するとmanual、ハイフンの後の区切りと、ソフト ハイフンの効果が可能になります。それらも禁止するには、none代わりに値を使用します。