修改CSS让谷歌AdSense广告内容居中显示
更新:2023-01-05 11:36:50
人气:480
来源:本站原创
A+
办法1 – 直接在AdSense代码中修改。
示例:
style="display:inline-block;width:300px;height:250px"data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"data-ad-slot="xxxxxxxxxx">
(adsbygoogle = window.adsbygoogle || []).push({});
修改为
style="display:block;width:300px;height:250px;margin:auto"data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"data-ad-slot="xxxxxxxxxx">
(adsbygoogle = window.adsbygoogle || []).push({});
其中display:inline-block改为display:block、增加margin:auto,就可以让广告居中。
修改前广告居左,修改后广告居中
方法2 – 修改外围div的CSS。
示例:
amp广告本身不能带css,也只有修改外围,原amp广告代码外面添加一个div:
type="adsense"
data-ad-client="ca-pub-xxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxx"
在此代码调用的外部增加一个DIV包围,同时用CSS文件中定义这个
.left_column {
display: flex;
justify-content: center;
}
广告就可以居中了,这个办法其实比第一个办法更通用,对amp广告或者普通web广告在现在流行的浏览器中都有效,只是在IE9等很老的浏览器无效。
推荐的文章
随手记
PHP经验分享
- ● MySQLSUM在没有符合查询条件时返回结果为空的处理办法
- ● 如何开启PHP8的JIT提升运行速度
- ● 钉钉API接口-用PHP+Curl实现获取用户信息
- ● 钉钉API接口-用PHP+Curl实现获取应用Access_Token
- ● 在PHP中使用CURL,“撩”服务器只需几行——phpcurl详细解析和常见大坑
- ● MySQLInnodb并发涉及参数说明
- ● mysql参数调优之innodb_thread_concurrency、innodb_concurrency_tickets合理的使用cpu性能
- ● PHP用fsockopen检测指定IP端口是否开启可用
- ● PHP用socket检测服务器IP端口是否开放?代码示例
- ● GatewayWorker报错:Waring:Events::onMessageisnotcallable