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

質問

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

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

以下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 · ベストアンサー

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

img { vertical-align: bottom; }

お礼

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

１発でいけました！！

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

回答No.1

adobe_san

以下の記載ではどうでしょうか？
<img src="img/nakama_img01.gif" alt="画像１" /><br />
<img src="img/nakama_img02.gif" alt="画像２" /><br />
<img src="img/nakama_img03.gif" alt="画像3" />
ご確認下さい。

お礼

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

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

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