リスト内に画像を配置したときの余分なスペース(隙間)を消す方法
<ul>
<li><img src="foo.gif" alt="foo"></li>
<li><img src="var.gif" alt="var"></li>
</ul>
こんな風にHTMLを書くと、各画像の下に余分なスペースが入ってしまいます。
以下のようにCSSで画像の配置を指定してやると回避できる模様。
li img {
vertical-align: top;
}
<ul>
<li><img src="foo.gif" alt="foo"></li>
<li><img src="var.gif" alt="var"></li>
</ul>
こんな風にHTMLを書くと、各画像の下に余分なスペースが入ってしまいます。
以下のようにCSSで画像の配置を指定してやると回避できる模様。
li img {
vertical-align: top;
}