当A标签的display为block时,img在a内的垂直对齐方式是vertical-align默认值为baseline,所以img最垂直对齐时是按照a的基线对齐而不是底线。
解决办法
- 设置line-height
a{
line-height: 0;
}
line-height的值默认是按照font-size的值乘以一定比例计算得来
line-height设置为0时,基线与底线间距离为0,空白消除
- 设置vertical-align
img{
vertical-align:bottom;
}
对齐方式设为底线,而不以基线对齐,也消除了空白