画像を横に並べる４つの方法

さて本日は、HTMLで画像を横に並べて配置する方法を４つご紹介します。 なにかと忘れやすいので、簡単なものから説明していきます。 １．何もしない 何もせずimgタグを並べます。imgタグはインライン要素なので、画像の大きさと表示場所にスペースがある限り横並びで表示されます。 ・サンプル＆コード <img src="画像のＵＲＬ" /><img src="画像のＵＲＬ" /><img src="画像のＵＲＬ" /> ２．align属性を利用した画像の並べ方 align="左右"を追加すると、横方向の位置を指定できるようになります。CSSプロパティのfloatと同じ効果です。最後にclear="both"で回り込みを解除するだけのシンプルなもの。これだけでは細かい配置の自由度はありませんが、簡単さがミソ。 ・サンプル＆コード <img align="left" src="画像のＵＲＬ" />

[daiouoka]

ｃ⌒っﾟдﾟ)っφ　ﾒﾓﾒﾓ...

[EARTHtheBLOOD-SUCKER]

参考になりました!ありがとうございますorz

[y-yasukawa1236]

htmlで画像を横に並べる方法です。

[qaapfx]

「