出现原因:
图片的display属性默认是inline,这个属性的vertical-align的默认值是baseline。所以图片底部会出现一个小留白区域。
解决方法:
方法1:设置图片为块状元素 display:block;
方法2:修改vertical-align:middle;
本文介绍了图片在网页中底部留白问题的成因,提供了解决方案,包括将图片设为块级元素和调整vertical-align属性。重点在于帮助读者理解如何优化图片布局,提升页面视觉效果。
出现原因:
图片的display属性默认是inline,这个属性的vertical-align的默认值是baseline。所以图片底部会出现一个小留白区域。
解决方法:
方法1:设置图片为块状元素 display:block;
方法2:修改vertical-align:middle;
1万+
2181

被折叠的 条评论
为什么被折叠?