百度分享按钮大家肯定都不陌生,很好用。有关它的对齐方式,百度官方给你也不是很明确。
今天就碰到一个居中的问题。
百度官方说明:您可以通过在我们的分享按钮html标签外设置div或其他容器来套用您的样式,也可以直接加入class名称到我们的html标签里。
<style>
.alignCenter{
width:270px;
margin:0 auto;
}
</style>
<div>
百度分享代码
</div>
但调试许久,不能居中。至于原因我也不是很明白。兼容问题也有可能。
最终也没能找出个好的方法。我至于居中我是这么做的。
<div></div>
百度分享代码
第一个div里面的宽度500是根据自己网页宽度决定的,其实道理很简单,就是用一个框架把左边撑开,把百度分享顶到一个相应居中的位置。这么一来,下一种方式肯定也适用了:
<div>
百度分享代码
</div>
官方还提供一种居右的,我没有用到,所以也没有试,如果不能有效果,那么根据上面的那个很容易也就写成居右了。