スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

HTML セル内の自動的な折り返しを禁止

スタイルシートにて設定する。

プロパティ名説明
white-spacenormal標準 (初期値)
nowrap自動的な折り返しを禁止する
pre 記述した通りの形で表示する

表示モードが「互換モード」の場合は、IEでは pre の指定が機能しません。(「標準モード」では機能します)


■normal (標準)

  • 連続する半角スペース、改行、タブは、1つの半角スペースにまとめられて表示されます。
  • 幅いっぱいのところで、自動的な折り返しが行われます。

■nowrap (自動的な折り返しを禁止する)

  • 連続する半角スペース、改行、タブは、1つの半角スペースにまとめられて表示されます。
  • 自動的な折り返しは行われません。領域の幅を超えたテキストは、はみ出して(または横スクロールで)表示されます。

■pre (記述した通りの形で表示する)

  • 連続する半角スペース、改行、タブは、記述した通りの形で表示されます。
  • 自動的な折り返しは行われません。領域の幅を超えたテキストは、はみ出して(または横スクロールで)表示されます。
  • ※内容を整形済みテキストとして表示したい場合は、このプロパティの pre ではなくpre要素を使用するのがお勧め。

.nowrap {
	white-space: nowrap;
}

上記のように定義しておき、折り返したくない場合、classに"nowrap"を記述することで 折り返えさないようにするとちょっと便利。

コメントの投稿

非公開コメント

Flashカレンダー
FC2カウンター
最新記事
カテゴリ
ユーザータグ

設定 文字コード HTML 用語 JavaScript 特殊文字 SyntaxHighlighter MySQL Add-ons CSS Firefox Wordpress 

検索フォーム
RSSリンクの表示
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。