CSS基礎チュートリアル

CSSボックスモデル

CSS3基本教程

CSS 参考マニュアル

CSS @ルール(RULES)

CSS ワード-wrap(自動的に改行)CSS 垂直-align(垂直に揃える)

CSS white-space(空白)

CSS white-space空白属性どのように表示するかを指定するために使用されます。これは、以下に使用されます。要素内部の空白を処理する。

CSS 空白値

要素の内部の内容を表示するために多くのスペース値を使用できます。

値	説明
normal	デフォルト値です。この値では、必要に応じて改行します。スペースシーケンスは単一のスペースに折りたたまれます。
nowrap	スペースシーケンスは単一のスペースに折りたたまれます。この値では、テキストは次の行に改行することはありません。マークアップを使用するたびにのみ中断します。
pre	スペースはブラウザが保持します。これがhtml preタグのようにです。テキストは改行記号でのみ改行します。
pre-line	スペースシーケンスは単一のスペースに折りたたまれます。必要に応じてテキストを改行し、オンラインで改行します。
pre-wrap	スペースはブラウザが保持します。必要に応じてテキストを改行し、オンラインで改行します。
initial	この属性をデフォルト値に設定します。
inherit	これが親要素からこの属性を継承します。

CSS white-spaceオンライン例

例

<!DOCTYPE　html>
<html>
<head>
<style>
p　{
　　　　white-space:　nowrap;
}
</style>
</head>
<p>
いくつかの文字を書きます。いくつかの文字を書きます。いくつかの文字を書きます..
いくつかの文字を書きます。いくつかの文字を書きます。いくつかの文字を書きます..
いくつかの文字を書きます。いくつかの文字を書きます。いくつかの文字を書きます..
いくつかの文字を書きます。いくつかの文字を書きます。いくつかの文字を書きます.
いくつかの文字を書きます。いくつかの文字を書きます。いくつかの文字を書きます..
</p>
</html>

テストしてみる‹/›

CSS ワード-wrap(自動的に改行)CSS 垂直-align(垂直に揃える)