原因:img标签是属于行内元素,所以会继承字体的行高
解决办法:
- 父元素(即table标签) font-size属性设置为0px
- img标签 display属性设置为block,然后设置padding-bottom为负值
- img标签 vertical-align设置为middle
- img标签 调整margin属性
- img标签 line-height设置为0
CSS代码:
调整前后对比(左图为调整后):
图片是自己代码实操,相关知识点来自于:
作者:Rabbit_svip
链接:https://www.jianshu.com/p/2af064692505
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。