リンクのあるリスト項目で改行を防ぐにはどうすればよいですか?

CSS でリスト項目の改行を防ぐ

複数の単語を含むリンクをメニュー リストに組み込む場合 (例:

タグ) )、空白により行の折り返しが発生する可能性があります。この問題は、CSS テクニックを使用して解決できます。

解決策:

リスト項目での行の折り返しを防ぐには、次の CSS プロパティを利用します:

white-space: nowrap;

このプロパティは、要素内で行を折り返さないようにブラウザに指示し、テキスト全体が 1 行に残るようにします。

例:

<ul>
  <li><a href="#">Submit resume</a></li>
</ul>

<style>
  ul li {
    white-space: nowrap;
  }
</style></p>
<p>または、 <li> の幅を調整することで、リンクのためのスペースを増やすことができます。要素:</p>
<pre class="brush:php;toolbar:false">li {
  width: 150px;
}

以上がリンクのあるリスト項目で改行を防ぐにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。