NO.70 表示③
続き也
display
表示時にどのタイプの部品として扱うかを決められます。
これ使えば部品置いた状態で表示しない事も可能ですね。
Value: block(ブロック) | inline(インライン) | list-item(リスト) | none(無表示)
<div style="display:none">TESTING</div>
white-space
ソース内の半角スペースや改行をどう表示するか設定します。
Value: normal(通常) | pre(そのまま) | nowrap(詰める)
<div style="white-space:pre">TES T T T T T T T TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT</div> <br style="clear:both">
上記の内容を応用
◆HEAD内の記述
<style type="text/css"> <!-- .zzA{background-color:darkred;display:none} .zzB{white-space:pre;background-color:darkblue;} --> </style>
◆BODY内の記述
<div class=zzA>この部分は表示されない。</div> <div class=zzB>ソー ス の スペ ー スをそ の ま ま表示 さ せる</div>
◆実行例
この部分は表示されない。
ソー ス の スペ ー スをそ の ま ま表示 さ せる
前に戻る
次に進む
SEO
掲示板
[PR]
爆速!無料ブログ
無料ホームページ開設
無料ライブ放送
