img和canvas下方會有空白的原因

首先我們要知道這部分空白產生的原因。圖片默認的vertical-align是baseline， 也就是字母x的下邊距，我們在圖片後面寫上x就是這樣   如果給x加上背景色就是這樣   可以看到圖片是與字母x的下邊距對齊的，也就是baseline，css2的文檔中有這麼一句解釋，翻譯過來也就是一個inline-block元素，如果裏面沒有inline元素，或者overflow不是visible，則該

>>阅读原文<<