问题背景:
<div>
<img src="" />
</div>
图片和div 的宽度相同,div的高度等于图片的高度
结果发现div的高度 总是要比img多4px
原因: img 是行内元素,由于基线的问题导致的
解决办法:
1.img 设置为block级元素
2.img vertical-align设置为top
问题背景:
<div>
<img src="" />
</div>
图片和div 的宽度相同,div的高度等于图片的高度
结果发现div的高度 总是要比img多4px
原因: img 是行内元素,由于基线的问题导致的
解决办法:
1.img 设置为block级元素
2.img vertical-align设置为top
转载于:https://www.cnblogs.com/yigexiaojiangshi/p/10477485.html