[CSS] white-spaceプロパティでスペース、タブ、改行の表示方法を指定しよう!

1.white-spaceとは?

white-spaceプロパティはスペース、タブ、改行の表示方法を指定します。

値の指定方法は以下の通りです。

{ white-space: 値; }

値の指定方法

2.white-spaceの使い方

それではwhite-spaceの使い方をみていきましょう。

p {
 white-space: pre;
 width: 200px;
}

上記のようにすることでスペース、タブ、改行はそのまま表示されますが、ボックスの幅で自動改行されません。

他にも値を設定できるのでいろいろと試してみることをお勧めします!