画像を縦に並べたら隙間ができることについて

画像を縦に並べたところ隙間ができてしまいます。

隙間無くくっつけたいのですがどうすればいいのでしょうか。



以下htmlです。

<img src="img/nakama_img01.gif" width="687" height="227" alt="画像１" /><br />
<img src="img/nakama_img02.gif" width="687" height="197" alt="画像２" /><br />
<img src="img/nakama_img03.gif" width="687" height="244" alt="画像3" />

<br />で改行せずくっつけてタグを並べても同じ結果でした。

よろしくお願いします。

No.2 ベストアンサー 回答者： outbrave 回答日時： 2012/09/07 16:49

スタイルシートで次の1行を入れてください。

img { vertical-align: bottom; }

この回答へのお礼

回答ありがとうございます！！

１発でいけました！！

本当にありがとうございます！！！

お礼日時：2012/09/07 19:21

No.1 回答者： adobe_san 回答日時： 2012/09/07 15:42

以下の記載ではどうでしょうか？

<img src="img/nakama_img01.gif" alt="画像１" /><br />
<img src="img/nakama_img02.gif" alt="画像２" /><br />
<img src="img/nakama_img03.gif" alt="画像3" />
ご確認下さい。

この回答へのお礼

回答ありがとうございます。

すみません。
試してみましたがダメでした。

ありがとうございました。

お礼日時：2012/09/07 19:20