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

首先我们要知道这部分空白产生的原因。图片默认的vertical-align是baseline， 也就是字母x的下边距，我们在图片后面写上x就是这样   如果给x加上背景色就是这样   可以看到图片是与字母x的下边距对齐的，也就是baseline，css2的文档中有这么一句解释，翻译过来也就是一个inline-block元素，如果里面没有inline元素，或者overflow不是visible，则该

>>阅读原文<<