四川建设人才考试网官方网站iapp制作软件

YIA主题设置中默认有4个广告位，而侧边栏的广告位由站长自行添加。boke112百科在这些广告位添加图片广告后发现图片下方有空白，导致下方的两个角没有变圆角，看起来也有点不好看。具体如下图所示：

其实，这个问题就是典型的“div里面img图片下方有空白的问题”，很早以前boke112百科分享的『DIV标签内的img图片下方有空白怎么办？CSS解决』一文就提供了3种解决办法。

所以想要解决广告位中的图片下方有空白问题也很简单，有两种方法可以解决：

方法一、只需要在图片的代码中添加以下代码即可解决：

style="float: left;"

或

style="display: block;"

或

style="vertical-align: middle;"

比如：

<img src="图片URL地址" alt="图片ALT" style="display: block;">

方法二、在img外面的div中添加以下代码即可解决：

style="font-size: 0;"

或

style="line-height: 0;"

比如：

<div style="font-size: 0;"><img src="图片URL地址" alt="图片ALT"></div>

因为我们使用YIA主题后，要么在YIA主题设置的广告位，要么在侧边栏添加“yia:广告”小工具，都是直接添加图片的img，所以想要解决图片下方有空白的问题，建议采取方法一来解决。如果自行修改主题文件的，可以考虑使用方法二来解决。