问题原因:
img标签为行内元素(inline),默认对其方式为vertical-align: baseline(基线对齐)

四种解决方法:
1.将img设置为block,这样就不再受行内基线的影响。
2.设置img的竖直对齐方式v-align:bottom
3.设置父div的font-size,需要一个较大的值,原理未知。
4.设置外层的div的line-height:0,这样基线下方的位置基本可以忽略。

作者 铁血 汉子 2019年2月21日
2024/03/29/11:27:03am 2019/2/21/3:26:17
0 1419