图片底侧空白缝隙的解决办法

如下图所示：

bug原理：图片底侧默认有空白缝隙，其原因是行内块元素会和文字的基线(baseline)对齐

文字基线如下图所示：

其主要解决办法有两种：

1. 给图片添加vertical-align: middle|top|bottom等
2. 把图片转换为块级元素 display:block;