画像を横に並べる

画像　並べ方

画像を横に並べる方法１

改行を入れずにタグを横に並べるだけです。隙間なく画像が並びます。



<img src="画像ファイルのURL"><img src="画像ファイルのURL"><img src="画像ファイルのURL">


画像と画像の間にスペースを開けたい時

タグとタグの間にスペースを入れます。

　　

<img src="画像ファイルのURL"><img src="画像ファイルのURL"> <img src="画像ファイルのURL">

画像を横に並べる方法２

改行を入れずにタグを縦に並べると、画像は横に並び、半角スペースができます。



<img src="画像ファイルのURL">
<img src="画像ファイルのURL">
<img src="画像ファイルのURL">
　

横に並べた画像をセンタリング


<div align="center">
<img src="画像ファイルのURL">
<img src="画像ファイルのURL">
<img src="画像ファイルのURL">
</div>

テーブルを使って画像を横に並べる

単純にテーブルの中に入れます。


ウェブ上での見え方　↓↓

枠が必要な時　↓↓



●当サイトのソースは、IE6.0＋のみ動作確認をしております。 それ以外のブラウザ、特にネットスケープでは正しく作動しない場合がございます。ご了承下さい。


★skip ページtop