解决图片底部的空白缝隙

1.原因：图片（行内块元素）和文字默认基线对齐，所以生出了缝隙。

2.解决方法

方法一：给图片添加vertical-align属性(⭐推荐使用)

        img{
            /*  top | middle | bottom  任选其中一个*/
            vertical-align: top | middle | bottom;
        }

方法二：把图片转化为块级元素，块级元素vertical-align属性无效

        img{
            display:block;
        }