网站站点结构图怎么做,网络代写,司局网站维护廉政风险建设,个人如何做短视频网站YIA主题设置中默认有4个广告位#xff0c;而侧边栏的广告位由站长自行添加。boke112百科在这些广告位添加图片广告后发现图片下方有空白#xff0c;导致下方的两个角没有变圆角#xff0c;看起来也有点不好看。具体如下图所示#xff1a; 其实#xff0c;这个问题就是典型…YIA主题设置中默认有4个广告位而侧边栏的广告位由站长自行添加。boke112百科在这些广告位添加图片广告后发现图片下方有空白导致下方的两个角没有变圆角看起来也有点不好看。具体如下图所示 其实这个问题就是典型的“div里面img图片下方有空白的问题”很早以前boke112百科分享的『DIV标签内的img图片下方有空白怎么办CSS解决』一文就提供了3种解决办法。
所以想要解决广告位中的图片下方有空白问题也很简单有两种方法可以解决
方法一、只需要在图片的代码中添加以下代码即可解决
stylefloat: left;
或
styledisplay: block;
或
stylevertical-align: middle;
比如
img src图片URL地址 alt图片ALT styledisplay: block;
方法二、在img外面的div中添加以下代码即可解决
stylefont-size: 0;
或
styleline-height: 0;
比如
div stylefont-size: 0;img src图片URL地址 alt图片ALT/div
因为我们使用YIA主题后要么在YIA主题设置的广告位要么在侧边栏添加“yia:广告”小工具都是直接添加图片的img所以想要解决图片下方有空白的问题建议采取方法一来解决。如果自行修改主题文件的可以考虑使用方法二来解决。
