当前位置：首页 > CMS教程 > pbootcms

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

管理员 2021-10-08

pbootcms

326

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

代码如下：

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

.aboutBanenr{ text-align:center;}
.aboutBanenr img { width:1440px; height:auto;}

展示效果：

解决方法：

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

（3）设置 img 父容器的 font-size: 0px

转载请注明来源网址：

各类知识收集，PHP技术分享与解决方案