white-space(ホワイト・スペース)について

ソース上の半角スペース・タブ・改行の表示方法の設定をするプロパティです。

■CSS記述

.sample1 { width:300px; border:1px solid #ccc; white-space:normal; }

■XHTML記述

<p class="sample1">サンプル サンプル サンプル サンプル サンプル サンプル 

サンプル</p>

サンプルサンプルサンプルサンプルサンプルサンプルサンプル

■CSS記述

.sample2 { width:300px; border:1px solid #ccc; white-space:nowrap; }

■XHTML記述

<p class="sample2">サンプル サンプル サンプル サンプル サンプル サンプル 

サンプル</p>

サンプルサンプルサンプルサンプルサンプルサンプルサンプル

■CSS記述

.sample3 { width:300px; border:1px solid #ccc; white-space:pre; }

■XHTML記述

<p class="sample3">サンプル サンプル サンプル サンプル サンプル サンプル 

サンプル</p>

サンプルサンプルサンプルサンプルサンプルサンプルサンプル

white-space(ホワイト・スペース)の設定方法

white-space: (値);

nomal: ソース上の連続する半角スペース・タブ・改行を1つの半角スペースとして表示します。BOXの大きさが指定されている場合は自動的に改行されます。
nowrap: ソース上の連続する半角スペース・タブ・改行を1つの半角スペースとして表示します。BOXの大きさが指定されている場合は自動的に改行されません。
pre: ソース上の連続する半角スペース・タブ・改行をそのまま表示します。