解决img图片底部空白的问题

之后，我发现原因是内联块元素会被与文本的基线对齐。解决这个问题其实很简单。主要有两种方法：1.添加vertical-align:middle|顶部|图像底部。(推荐)img{vertical-align:bottom;}2.将图片转换为块级元素display:block;（转换块级元素可能会影响你的布局，所以推荐使用第一种）img{display:block;}嗯，问题就这么简单解决了。如果大家有什么更好的方法，欢迎在评论区交流留言~