刪除空間裏時，內

Question

可能重複：
Eliminate ghost margin below HTML5 canvas element?

我的DOM類似：

<ul> 
    <li><canvas width="200" height="300" /></li> 
</ul> 

你可以see it in the jsFiddle。

儘管我已將所有邊距和填充值設置爲零，但canvas的底部和li的底部之間仍存在懸掛空間。我已經嘗試了很多東西來刪除它，並且顯然錯過了一些東西。

Chrome 22，Firefox 15和IE 9的行爲是相同的，所以它看起來不像是一個小故障。

我錯過了什麼？

Answer 1

將vertical-align:top添加到畫布將會修復它。

jsFiddle example