如何消除img下的空白呢

div没有设定大小，靠图片撑起来，设定大小就不会出现空白

因为vertical-align缺省是baseline，和基线对齐。无论有没有文字，低下都会留一个基线到底线的宽度，就是那个白条。

可以设置vertical-align: middle去掉空白（设置为bottom，top都可以，设置为bottom容易理解。通常图片的高度比字的高度高，中线对其也可以，因此可以设置为vertical-align: middle，这也是主流做法）

或者设置display: block，不允许其他文字和图片同一行，div计算的时候就不会把baseline计算进去。

https://www.jianshu.com/p/db10cace7a0d