余裕ボトム[サンプル]？

Question

私はこのコードを持っています：http://jsfiddle.net/snowman/xJyS3/

フレームに画像の余白があります、なぜですか？どうすれば削除できますか？

Answer 1

イメージはデフォルトでインライン要素です。要素をブロックするように変更すると、準備が整いました。

インラインイメージは、あなたが見ることができるように、彼らは他の文字と同じ行に滞在したい、非常に大きな文字 Sを振る舞うので、あなたは上の

• vertical-align: top/bottom/negative lengthhttp://jsfiddle.net/xJyS3/2/
• float:left/rightことでこの動作を変更する必要があります画像、画像上の親にoverflow:hidden http://jsfiddle.net/xJyS3/3/
• display: block：http://jsfiddle.net/xJyS3/1/
• とそれを行ういくつかの他の方法があります。

Answer 2

これは画像がデフォルトでインラインであるために発生します。余分な余白はアンカーのベースラインとボトムの差です。解決方法は、画像ブロックを水平にすることで、アンカーを適切に塗りつぶします。

a img { 
    border: 0 none; 
    text-decoration: none; 
    display:block; 
}