CSSでテキストを折り返さないように制御する方法

CSS で折り返されないテキストを制御する方法: [white-space:nowrap;] など、空白属性を使用して制御できます。空白属性は、テキスト内の空白を処理する方法を指定します。通常とは、ブラウザが空白を無視することを意味します。

このチュートリアルの動作環境: Windows 10 システム、CSS3 バージョンこの方法は、すべてのブランドのコンピューターに適しています。

(学習ビデオ共有: css ビデオ チュートリアル)

折り返さずに CSS でテキストを制御する方法:

白を使用する- space 属性は、要素内の空白の処理方法を指定します。

属性値:

• 通常のデフォルト。空白はブラウザによって無視されます。

• #pre 空白スペースはブラウザによって保持されます。これは、HTML の

   タグのように動作します。 </p></li>
  <li><p>nowrap テキストは折り返されません。テキストは、<br> タグが見つかるまで同じ行に続きます。 </p></li>
  <li><p>pre-wrap 空白シーケンスを保持しますが、通常どおりラップします。 </p></li>
  <li><p>#pre-line 空白シーケンスをマージしますが、改行は保持します。 </p></li>
  <li><p>#inherit 空白属性の値を親要素から継承することを指定します。 </p></li>
  </ul>
  <p>例:</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:css;toolbar:false">p{
      white-space:nowrap;
  }

  ログイン後にコピー

関連する推奨事項:CSS チュートリアル

以上がCSSでテキストを折り返さないように制御する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。