ある要素の範囲内の中でテキストを入れる要素を構成して、１行で収まらない文字を入力した場合、折り返して表示されます。
通常はこの表示を使うケースが多いのですが、稀に要素内のテキストが常に1行で表示される必要がある場面や、テキストの途中での不自然な折り返しを避けたい場面があります。そのような時に下記のようにコードを使用すると、
HTML
<p class=”noWrap”>
このテキストは折り返されません。
</p>
CSS
.noWrap {
white-space: nowrap;
}
その要素内のテキストが折り返されることなく、1行で表示されるようになります。
稀に使用したい時がありますが、このコードをよく忘れてしまいます。
