画像に文章を回り込ませる方法

画像に文章を回り込ませる方法

Movable Typeリクエストを頂いたので、

調子に乗ってさっそくエントリしてみました。

画像に文章を回り込ませる方法は意外と簡単で、

ひとつはHTMLの属性値による古い方法:

imgタグにalign=”left”をつける

もうひとつはCSSを使う方法:

imgタグにfloat:left;をつける

たとえば、インラインで書く場合

ex. <img style=”float:left;” src=”/pass/image.gif” />としてやればOK。

逆に回りこみを解除したい画像は

ex. <img style=”float:none;” src=”/pass/image.gif” />としてやればOK。

カンタンなのです。

…ってこんなんでよかったですかぁ?


“画像に文章を回り込ませる方法” への2件のフィードバック

  1. 対応が早くて助かります。
    お時間とらせて申し訳ありませんでした。
    おかげさまで思うようなデザインができたので感激です(*’-‘)
    いつも更新楽しみにしているので、これからも頑張ってください!

フォームは コメントしてほしそうに こちらを見ている……!

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

%d人のブロガーが「いいね」をつけました。