画像の横にテキスト

単なる自分用の覚書です。
画像の横にテキストを回り込ませるには、imgタグで画像を挿入しaline属性を指定することでテキストの配置を指定できます。
●画像を左側に置きテキストを右側に費配置する場合
<img scr="○○○.jpg" align="left">  とすることで画像が左端に表示され、テキストが右側へ配置されます。

草原.bmp
こんな感じで表示されます。

●逆に画像を右端に置きテキストを左側に配置する場合
<img scr="○○○.jpg" align="right">  とすることで画像が右端に表示され、テキストが左側へ配置されます。

草原.bmpこっちはこんな感じになります。

●回り込みを途中で解除する場合
「こんな感じで<br clear="all">表示されます。」と<br clear="all">を記述することでテキストの途中または文章の終わりから回り込みを解除して、画像の下から次が始まります。

草原.bmp
こんな感じで
表示されます。

自分の理解が正しいのかいささか不安ですが、とりあえずは自分の意図したように表示されているようなので良しとしておきます。

スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする