見たまま表示 white-space|CSS辞典|HTMLタグ・CSS

HomeCSS辞典見たまま表示 white-space
サイト内検索

見たまま表示 white-space

見たまま表示 (サンプル)

ああああああああああああああああああああああああああああああ

↑横幅を220に指定

ああああああああああああああああああああああああああああああ

nowrap」 を指定すると横幅指定を無視して広がる。
※ 上が通常の状態で、下が実際に効果を反映したサンプルです。

見たまま表示 (詳細情報)
字体 white-space:★;
指定 ★の部分に下記の「 」内 の効果を指定していきます。
  • nowrap」 範囲内を自動改行させずに表示する。(Netscape 4 未対応
  • pre」 スペースや改行を編集画面で書かれたまま表示する。
    Internet Explorer 5.5 未対応
  • normal」 スペースや改行を1つの半角スペースにする。
    Internet Explorer 5.5 未対応
効果 スペースや改行を見たまま表示することができます。
例1 <div style="width:220;border:solid 1px #777;white-space:nowrap;">
ああああああああああああああああああああああああああああああ
</div>
結果
ああああああああああああああああああああああああああああああ
解説 横幅を指定していても無視して文字の量にあわせます。


練習用書き込みフォーム(サンプル表示)


素材の森 素材NAVI 素材R 素材・壁紙 イラスト素材 素材・作成 素材ランキング 無料素材リンク 素材ファン
無料HP素材、ホームページテンプレート、HTMLタグ・CSS、質問・用語の検索 サイト内検索
素材ランキング 素材NAVI 素材の森 素材サーチ フリー素材 素材・画像 素材・壁紙 素材R Webランキング