white-space は、要素のテキスト内の空白と改行の処理方法を制御するのに役立つCSSプロパティです。

white-space プロパティは、次の値を取ることができます。

  • normal :デフォルト値。 複数の空白は1つにまとめられます。 テキストは、必要に応じて次の行に折り返されます。
  • nowrap :複数の空白が1つに折りたたまれますが、テキストは次の行に折り返されません。 改行を防ぐためにnowrap値を使用する方法についてはすでに説明しました
  • プレ :を使用した場合と同じ結果
    
    

    ここでは、すべての空白がそのまま保持され、コンテンツに改行が含まれている場合にのみテキストが折り返されます。

  • pre-line :複数の空白が1つに折りたたまれ、必要に応じて、またはコンテンツに改行を入れて、テキストを次の行に分割します。
  • pre-wrap pre に似ていますが、必要に応じてテキストも折り返されます。

空白:通常

メダカの縞模様のメダカは、ブレニーサンマのスレッドセイルベルーガチョウザメを有罪とします。 インドのmulmoracisco masuサーモン、ルースターフィッシュメジロザメロングノーズランセットフィッシュブルーフィッシュレッドスナッパーサクラメントスプリットテールジャイアントダニオ。

空白:nowrap

メダカの縞模様のメダカは、ブレニーサンマのスレッドセイルベルーガチョウザメを有罪とします。 インドのmulmoracisco masuサーモン、ルースターフィッシュメジロザメロングノーズランセットフィッシュブルーフィッシュレッドスナッパーサクラメントスプリットテールジャイアントダニオ。

空白:前

ここでは、改行と余分なスペースを手動で含めました。 最初に余分な改行があることに注意してください。 これは、マークアップでテキストが次の行から始まるためです。

エレメント。

メダカの縞模様のメダカは、ブレニーサンマのスレッドセイルベルーガチョウザメを有罪とします。 Indian mul mora cisco masu salmon、roosterfish requiem shark longnose lancetfish bluefish red

スナッパーサクラメントスプリットテールジャイアントダニオ。

プレライン

ここでは、必要に応じてテキストが分割されますが、最後のいくつかの単語も手動で分割しました。 同じ余分な空白を含めましたが、現在は折りたたまれています。

メダカの縞模様のメダカは、ブレニーサンマのスレッドセイルベルーガチョウザメを有罪とします。 インドのmulmoracisco masuサーモン、ルースターフィッシュメジロザメロングノーズランセットフィッシュブルーフィッシュレッドスナッパーサクラメントスプリットテールジャイアントダニオ。

プレラップ

これで、余分な空白は折りたたまれません。

メダカの縞模様のメダカは、ブレニーサンマのスレッドセイルベルーガチョウザメを有罪とします。 インドのmulmoracisco masuサーモン、ルースターフィッシュメジロザメロングノーズランセットフィッシュブルーフィッシュレッドスナッパーサクラメントスプリットテールジャイアントダニオ。