百度喜欢按钮居中显示

本文最后更新于2022年7月10日，已超过 1 年没有更新，如果文章内容失效，请反馈给我们，谢谢！

今天在做一个wordpress网站的时候要求百度按钮居中，因为我是菜鸟就去网上找教程找方法，可是找来找去要么就是按钮不显示要么就是在PC端居中了可是在移动端还是不居中。

那么要怎么做才能做到不光PC端百度按钮居中还要在移动端也让百度按钮居中显示呢？

其实很简单只需要改一改原有的这行代码即可：

<div class="bdlikebutton"></div>

改成：

<div class="bdlikebutton" style="margin:0 auto 0 auto"></div>

即可

附上我自己网站已经实现的百度喜欢按钮原代码：

<!-- 百度喜欢按钮开始 -->
<div style="margin:0 auto 0 auto">
<div class="bdlikebutton" style="margin:0 auto 0 auto"></div>
</div>
<br/>
<!-- 百度喜欢按钮结束 --> 
<!-- 百度喜欢JS开始-->
<script id="bdlike_shell"></script>
<script>
var bdShare_config = {
"type":"large",
"color":"red",
"uid":"82019"
};
document.getElementById("bdlike_shell").src="http://bdimg.share.baidu.com/static/js/like_shell.js?t=" + Math.ceil(new Date()/3600000);
</script>
<!-- 百度喜欢JS结束-->

这时就完美解决了百度喜欢按钮无法居中的问题同样在移动端也能保存在中间显示，简单吧~