// 方法一
// 为 img 标签添加行内的 style 样式, 从而解决图片底部空白间隙的问题 (把图片变为块级元素)
<img style="display: block;"/>
// 方法二
// 给父元素添加 font-size: 0, 子元素字体大小重新设置
// 方法三
// 设置 img 的属性 vertical-align: top/middle/bottom
<img style="vertical-align: top"/>
// 方法四
// img 设置浮动, 父元素清除浮动
<div style="overflow: hidden">
<img style="float: left"/>
</div>
前端(解决图片底部空白间隙的问题)
最新推荐文章于 2024-03-28 21:40:25 发布