我在我的内容中使用了响应式网格,除了我的AdSense响应式广告单元外,其效果非常好。
我的代码如下:
<div class="section group">
<div class="col span_5_of_8"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Adsense-Responsive -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxx"
data-ad-slot="7421734897"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<div class="col span_3_of_8">
<p>website text </p>
</div>
</div>
但是左边的adsense单位有一个上边距,所以左边的广告和右边的文字没有垂直对齐。当我在其他形式的文本/图像上使用此响应代码时,它们始终完全对齐。但似乎AdSense正在增加一个保证金。
col的css是:
.col {
display: block;
float:left;
margin: 1% 0 1% 1.6%;
}
我尝试过使用这些边距,但没有任何效果。非常感谢!