图片下间隙产生原因及解决方法:
产生原因:
图片默认是文字,而文字默认与基线对齐。
解决方法:
1.设置父元素字体大小为0 font-size:0;(此方法不符合实际)
2.设置行高为 line-height:0;(不符合实际)
3.改变垂直对齐方式: ( 推荐:默认以基线 baseline对齐 改为 以其他三条线任意一条对齐即可 top middle bottom )
4.将img(行内块)标签转化模式,转换为块级 display:block(需要去掉文字,因为块级元素 不能和其他内容并排)