网站代码 IMG图片下方总有空白去不掉

2024-05-31 0 21

最近遇到个图片下方有空白去不掉的问题,img下方与父容器之间经常出现间隙,大概是3px,是 Web 开发非常常见的问题。

代码如下:

<div class="aboutBanenr">
    <img src="/images/ab-banner.jpg">
</div>
.aboutBanenr{ text-align:center;}


.aboutBanenr img { width:1440px; height:auto;}

展示效果:

网站代码 IMG图片下方总有空白去不掉

 

解决方法:

(1) 设置 img  display: block (设置display:block时,图片会不居中;建议用方法2)
(2) 设置 img  vertical-align: middle

(3) 设置 img 父容器的  font-size: 0px

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

优模板 建站知识 网站代码 IMG图片下方总有空白去不掉 https://www.youmuban.com/414.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务