欢迎来到ABC模板网,提供海量精品PBootCMS网站模板
诚接仿站/建站业务:1403971329

当前位置:首页>站长学院>建站知识

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

来源:本站 发布时间:2021-10-08 22:55:19热度:23 ℃

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


代码如下:

<div class="aboutBanenr">
    <img src="/images/ab-banner.jpg">
</div>


.aboutBanenr{ text-align:center;}

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

 

展示效果:

image.png


解决方法:

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

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


转载请注明来源网址:https://www.abcmuban.com/wangzhan/151.html

上一篇:网站打开速度慢--图片压缩技巧

下一篇:没有了!

如果你的问题还没有解决,点击PBootCMS建站交流群加入交流群一起学习交流。支持与鼓励站长,请扫码赞赏一下站长最后那几根倔强的头发。

  • 微信支付

    微信扫一扫

  • 支付宝支付

    支付宝扫一扫

相关阅读
 
QQ在线咨询
售前客服
仿站/建站