제거 공간 리튬 내

Question

가능한 중복 :
Eliminate ghost margin below HTML5 canvas element?

내 DOM과 유사한 :

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

당신은 see it in the jsFiddle을 할 수 있습니다.

모든 여백 및 패딩 값을 0으로 설정 했는데도 canvas 하단과 li 하단 사이에 여전히 매달린 공간이 있습니다. 나는 그것을 제거하기 위해 많은 것들을 시도했고, 분명히 뭔가를 놓치고 있습니다.

동작은 Chrome 22, Firefox 15 및 IE 9에서 동일하므로 결함이 아닌 것 같습니다.

무엇이 누락 되었습니까?

Answer 1

캔버스에 vertical-align:top을 추가하면 문제가 해결됩니다.

jsFiddle example