うたのつばさ

うたのつばさ

タグ





<img src="画像" align="画像の回り込みを指定">



画像のまわりこみ
位置
記入例
画像と文字の表位置の関係
上揃え
<img align="top">
画像は左寄せ、文字は画像の右上に1行表示
中央揃え
<img align="midlde">
画像は左寄せ、文字は画像の右中央から1行表示
下揃え
<img align="bottom">
画像は左寄せ、文字は画像の右下に1行表示
左寄せ
<img align="left">
画像は左寄せ、文字は画像の右上から複数行回り込み
右寄せ
<img align="right">
画像は右寄せ、文字は画像の左上から複数行回り込み



ちなみに、
画像のすぐ脇に文字が来てしまうので、
style="padding-right:15px;"を加えるとより見やすい。



例えば…

<img src="http://image.space.rakuten.co.jp/lg01/21/0000044921/98/imgd9ecb83ezik8zj.jpeg" width="240" height="320" align="middle" style="padding-right:15px;">aaa

と入れると、


aaa





ちなみに、回り込みをしたあとは、
<br clear="all">
で解除できます。
right、leftを入れたときは、
これをしないと大変なことになります。





© Rakuten Group, Inc.
X
Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: