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

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

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

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

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

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

属性値:

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

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

• nowrap テキストは折り返されません。テキストは、0c6dc11e160d3b678d68754cc175188a タグが見つかるまで同じ行に続きます。

• pre-wrap 空白シーケンスを保持しますが、通常どおりラップします。

• #pre-line 空白シーケンスをマージしますが、改行は保持します。

• #inherit 空白属性の値を親要素から継承することを指定します。

例:

p{
    white-space:nowrap;
}

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

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