html - 如何防止链接标签在图像下方添加额外的填充？

Question

我的图片包含在链接中。该链接在底部添加了额外的填充（请参见附图中的红色区域）。我怎样才能删除它？我尝试设置padding: 0;andmargin:0我也尝试过display:inline-block，但它并没有解决它。

在此处输入图像描述

HTML：

<a href="#"><img src="http://i50.tinypic.com/2poy3kl.jpg" /></a>

CSS：

 a{
    background: red;
    padding: 0;
}

score 2 · Accepted Answer

用于标签display: block;：img

a img {
    display: block;
}

score 1 · Accepted Answer

添加vertical-align:bottom到您的图像。这样，您将保持内联显示。

score 1 · Accepted Answer

1

Display Block 是你的解决方案 js fiddle

于 2012-09-26T11:42:21.837 回答

score 0 · Accepted Answer

尝试

img{border:none;}

…………………………………………………………………………

4 回答 4