百度分享按鈕大家肯定都不陌生，很好用。有關(guān)它的對(duì)齊方式，百度官方給你也不是很明確。

今天就碰到一個(gè)居中的問(wèn)題。

百度官方說(shuō)明：您可以通過(guò)在我們的分享按鈕html標(biāo)簽外設(shè)置div或其他容器來(lái)套用您的樣式，也可以直接加入class名稱到我們的html標(biāo)簽里。

<style>
.alignCenter{
width:270px;
margin:0 auto;

}
</style>
<div>

百度分享代碼
</div>

但調(diào)試許久，不能居中。至于原因我也不是很明白。兼容問(wèn)題也有可能。

最終也沒(méi)能找出個(gè)好的方法。我至于居中我是這么做的。

<div></div>
百度分享代碼

第一個(gè)div里面的寬度500是根據(jù)自己網(wǎng)頁(yè)寬度決定的，其實(shí)道理很簡(jiǎn)單，就是用一個(gè)框架把左邊撐開(kāi)，把百度分享頂?shù)揭粋€(gè)相應(yīng)居中的位置。這么一來(lái)，下一種方式肯定也適用了：

<div>

百度分享代碼

</div>

官方還提供一種居右的，我沒(méi)有用到，所以也沒(méi)有試，如果不能有效果，那么根據(jù)上面的那個(gè)很容易也就寫(xiě)成居右了。

愛(ài)華網(wǎng)本文地址 » http://www.klfzs.com/a/25101016/323167.html