CSSテキスト - 空白文字の表示方法設定 | white-space

white-space属性

CSSのwhite-space属性は、空白文字（半角スペース、タブ、改行）の表示方法を設定します。

white-space属性の値
◇　normal：　デフォルト値です。連続する（複数）空白文字を一つの半角スペースとして表示します。要素の大きさに応じて自動的に改行で折り返し表示します。
◇　pre：　連続する空白文字をそのまま表示します。
◇　nowrap：　連続する空白文字を一つの半角スペースとして表示します。要素の大きさに応じて自動的に折り返し表示をしません。

例：
p {
    white-space: pre;
}

※※※W3C仕様では、User-Agentはwhite-space属性を無視してもよいこととされております。

white-space属性の使用例

次の文字列を例にします。

◇　white-space : normal;

◇　white-space:pre; ◇　white-space:nowrap;

Sponsored Link