我們做了這麼多年的AdSense，在廣告的擺放上還是很注意的，特别是位置，要讓可見率提高非常重要。
當然，還有一些細節，例如前一陣子發現有些廣告自動在手機端變成了全屏寬度，在某些地方遮蓋住了頁面中的邊框線，顯得不夠美觀，于是我們就改為了300x250的固定寬度。
接下來還有一個問題，300x250固定寬度廣告在不同寬度的手機上的位置有時居中有時偏左，特别是大屏手機上，偏左也不好看，最好能居中顯示。
請教美工設計同事後，給出了修改CSS的方案：
辦法1 - 直接在AdSense代碼中修改。
示例：
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
修改為
<ins class="adsbygoogle"
style="display:block;width:300px;height:250px;margin:auto"
data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
其中display:inline-block改為display:block、增加margin:auto，就可以讓廣告居中。
修改前廣告居左
修改後廣告居中
方法2 - 修改外圍div的CSS。
示例：
amp廣告本身不能帶css，也隻有修改外圍，原amp廣告代碼外面添加一個div：
<div class='left_column'>
<amp-ad width=300 height=250
type="adsense"
data-ad-client="ca-pub-xxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxx"
>
<div overflow></div>
</amp-ad>
</div>
再在CSS文件中定義這個
.left_column {
display: flex;
justify-content: center;
}
廣告就可以居中了，這個辦法其實比第一個辦法更通用，對amp廣告或者普通web廣告在現在流行的浏覽器中都有效，隻是在IE9等很老的浏覽器無效。
评论4
我比較需求如何讓AdSense廣告垂直居中呢？
我比較需求如何讓AdSense廣告垂直居中呢？網上搜索“css垂直居中”可以找到很多辦法
網上搜索“css垂直居中”可以找到很多辦法，但我自己沒有試過，所以就不摘錄别人的代碼了，抱歉。
老師，我一般用<center> 是不是這樣對網站不友好！
老師，我一般用你好，你說的辦法我還沒有用過，但隻要能實現希望的效果
你好，你說的辦法我還沒有用過，但隻要能實現希望的效果，應該都是可以的，這是個小問題，應該不涉及到對網站是否友好。