画像を寄せた場合にテキストの回り込みを防ぐ方法 CSS

2011.01.25

添付画像をご覧いただくとわかる通り、画像へフロートを追加し、文字を寄せる際に”回り込みさせたくない”場合があります。テーブルを使ったりもできますが、もっとスマートな方法を紹介します。

その場合
overflow: auto;
zoom: 1;
のクラスをテキスト部分へ追加すると回り込みを回避でします。
ちなみにoverflow:auto;がモダンブラウザ用で、zoomはIE6対応用です。

一応自己リファランスまでです。

カテゴリー: Other   パーマリンク
   

コメントを残す

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

*


次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>