插入谷歌广告之后没有显示出来，而是一大片空白，这就有点尴尬了。可能是没有匹配的广告，也有可能是网络原因导致没有显示。本文尝试用CSS来解决这个问题。

首先，了解一下谷歌广告展示的过程：

(网页打开，加载谷歌广告的js代码)

网页：老哥，这个位置来点广告啊

谷歌：我看看你这广告放点啥

网页：快点啊，我都加载完了你这还没搞出来！

谷歌：你这没有合适的广告放啊...喂喂喂，信号有点不好...喂喂喂，人呢？

网页：？？？？

由于网络不科学，以及内容匹配等各种原因，谷歌广告其实经常显示不出来，这样在广告位的地方就留了一个大空白。
解决：将以下 CSS 样式添加到网页中，以自动隐藏广告空缺的广告单元：在个人主题中的主要CSS文件里面添加：

.ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}

这样如果没有内容就会自动消失，不会有空白
如果不想直接隐藏，而是想要展现自己的图片：

<script async src="xxxxxxxxxxxxxxxxxx"></script>
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="caxxxxx"
     data-ad-slot="xxxxx">
    <a href="https://www.52txr.cn"><img src="https://www.52txr.cn/广告图片.jpg" width="300px" height="250px"></a>
</ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

这个里面的img就是自己的图片以及a标签里的是点击图片跳转的超链接。

加入CSS：

.ins.adsbygoogle a {
    display: none !important;
}
ins.adsbygoogle[data-ad-status="unfilled"] a {
    display: block;
}

本来是在建站里面看到的，发现陶小桃这个大佬更加入了图片操作，不错