html - 画像とコンテナの間のギャップを取り除きます

Question

画像ができます。これはデモですhttp://jsfiddle.net/yJUH4/8/

写真でわかるように、画像とコンテナの間に小さなギャップが生じています。画像はすでに css を与えていますvertical-align:middle。コンテナの高さを上げると、完全に機能します。良い答えを待っています

Answer 1

vertical-align:top上に設定img

img {
    vertical-align: top;
}

ここでjsFiddle

デフォルトでは、vertical-alignプロパティは top ではなくbaseline. トップに設定するだけで、目的の結果を得ることができます。

Answer 2

もう1つのオプション...

td {
    display: inline-block;
    padding: 0;
}

http://jsfiddle.net/isherwood/yJUH4/11/

Answer 3

img {
    display:block;
    margin:0 auto;
}

それを修正する必要があります。