刪除圖像和集裝箱

Question

您可以將圖像，而這個演示http://jsfiddle.net/yJUH4/8/

之間的差距，你可以在一個小缺口圖像和容器之間傳來的圖片中看到。圖像已經給css vertical-align:middle。當我增加容器的高度，它完美的作品。等待一個很好的答案

Answer 1

設置vertical-align:top在img

img { 
    vertical-align: top; 
} 

jsFiddle here

默認情況下，vertical-align屬性不是頂部，而是baseline。通過簡單地將其設置爲最高，您可以達到所需的結果。

Answer 2

另外一個選擇......

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

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

Answer 3

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

應該修復它。