CSSを使用してリスト項目の改行を防ぐ方法

Question

私はliタグを使ってメニューに Submit resume というリンクを張ろうとしています。 2つの単語の間に空白があるため、2行に折り返されています。 CSSでこのような折り返しを防ぐ方法は？

Answer 1

white-space: nowrap;を使う¹あるいは、liの幅をより大きな値に設定することによって、そのリンクにさらに多くのスペースを与える。

Answer 2

内容が1行に収まるように大きい場合は、この小さなコードを追加してNice "…"を行末に追加できます。

li {
  overflow: hidden; 
  text-overflow: Ellipsis;
  white-space: nowrap;
}

Answer 3

これを選択的に（つまり、その特定のリンクに対してのみ）達成したい場合は、通常のスペースの代わりに改行なしのスペースを使用できます。

<li>submit&nbsp;resume</li>

https://en.wikipedia.org/wiki/Non-breaking_space#Encodings

編集：これはHTMLであり、OPの要求によるCSSではないと理解していますが、役に立つと思う人もいるかもしれません…

Answer 4

display：inline-block; リストアイテムの改行を防ぎます

http://jsfiddle.net/Nash171/mwe4s0nc/46/

 li{
    display: inline-block;
 }

Answer 5

ブートストラップ4にはtext-nowrapという名前のクラスがあります。それはあなたが必要としているものだけです。