1

リンクで画像をラップしています。リンクにより、下部に余分なパディングが追加されます（添付画像の赤い領域を参照してください）。どうすれば削除できますか？padding: 0;とを設定してみましたmargin:0がdisplay:inline-block、解決しません。

ここに画像の説明を入力してください

HTML：

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

CSS：

 a{
    background: red;
    padding: 0;
}

JSフィドル： http： //jsfiddle.net/D6Ak8/

4

4 に答える 4

2

タグdisplay: block;の使用：img

a img {
    display: block;
}

更新されたフィドル：http：//jsfiddle.net/D6Ak8/1/

于 2012-09-26T11:40:19.697 に答える
1

ディスプレイブロックはソリューションの jsフィドルです

于 2012-09-26T11:42:21.837 に答える
1

http://jsfiddle.net/D6Ak8/4/

画像に追加vertical-align:bottomします。このようにして、インライン表示を維持します。

于 2012-09-26T11:46:35.160 に答える
0

試す

img{border:none;}

..............。

于 2012-09-26T11:41:47.683 に答える