回り込み解除、改行禁止・・CSSメモ

投稿者: | 2010/06/17

段組みレイアウトでよく使用するCSS・・「clear: both;」(回り込みの解除)
以下のように空白(特殊文字)を使用しているケースをみかけます。

<div class="clear">&nbsp;</div>
.clear {clear: both;}

これでもかまわないのですが、以下のように高さを0にしてテキストを表示させないように指定してやる方法がおすすめです。

<div class="clear">回り込みを解除</div>

.clear {
	clear: both;
	height: 0;
	visibility: hidden;
}

また、このブログのようにタグクラウドなどでリンクが途中で折り返しされるのを防ぐには・・
「white-space: nowrap;」(改行を禁止)

a {white-space: nowrap;}

関連記事

カテゴリー: CSS タグ:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*