初心者のスタイルシート(CSS)講座:空白、改行の表示
・white-space
空白や改行をそのまま表示する、改行しないで表示する
【空行や改行をそのまま表示する方法】
white-space:キーワード
【キーワード】
pre・・・入力された半角スペースやタブ、改行をそのまま表示します。内容も入力されたとおりに表示します。折り返しも行いません。
normal・・・連続する複数の半角スペースやタブ、改行文字を1つの半角スペースとして処理されます。内容はボックス領域の端で改行。(初期設定)
インターネットエクスプローラーのバージョン6の標準準拠モードで動作しますが、それ以前のバージョンだと動作しないとのことです。
【改行しないで表示させる方法】
white-space:キーワード
【キーワード】
nowrap・・・連続する複数の半角スペースやタブ、改行文字を1つの半角スペースとして処理。内容の折り返しを行いません。
normal・・・連続する複数の半角スペースやタブ、改行文字を1つの半角スペースとして処理。内容はボックス領域の端で改行する。(初期設定)
インターネットエクスプローラーのバージョン5以前では動作しないようです。