|
我在来去留网站中申请了安装百度分享按钮，可是在文章页的文章标题下怎么也不能居中，我用百度分享帮助里提供的介绍：
1、把分享按钮html标签外设置div，也用我网站的容器样式套用了分享代码，一点效果也没有。
2、直接加入class名称到百度分享按钮html标签里设置分享按钮的居中对齐，（百度分享帮助里提供的方法是）：
<style>
.alignCenter{
width:270px; //这里的数值，您可以根据您按钮的实际宽度进行设置
margin:0 auto;
}
</style>
<div class="alignCenter">
这里放百度分享按钮代码
</div>
但还是不能居中。我想，一般在div层中加入style="text-align:center;" 即可完成居中了，可是发现常用的这种居中方法对百度分享代码无效。那么我又用另外一种，在百度分享代码首尾加上
<table align="center">
<tr>
<td>
百度分享代码区域
</td>
</tr>
</table>
加上这个代码就OK了。后来本站用这种方法得到解决：可经过实际测试，以上代码居中方式仅适用于ie内核的浏览器，对Chrome和Firefox均无效。百度官方分享代码居中暂时还没有给予解决。最后来去留网自己测试解决了两种方法供你参考。
第一种：通过在百度分享代码的最前面增加语句：
<div style="width:120px;float:left;"> </div>，然后通过调节<div style="width:120px; float:left;"> </div> 这个层的宽度达到定位百度分享代码所在的层位置，使的其向右移动。
代码如下：
<!-- 需要调节宽度的层 -->
<div style="width:120px;float:left;"> </div>
<!-- Baidu Button BEGIN -->
<div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare" >
<span class="bds_more">分享收藏到：</span>
<a class="bds_qzone">QQ空间</a>
<a class="bds_tsina">新浪微博</a>
<a class="bds_tqq">腾讯微博</a>
<a class="bds_renren">人人网</a>
</div>
<ｓｃｒｉｐｔ type="text/javaｓｃｒｉｐｔ" id="bdshare_js" data="type=tools" ></ｓｃｒｉｐｔ>
<ｓｃｒｉｐｔ type="text/javaｓｃｒｉｐｔ" id="bdshell_js"></ｓｃｒｉｐｔ>
<ｓｃｒｉｐｔ type="text/javaｓｃｒｉｐｔ">
document.getElementByIdx_x_x_x("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?t=" + new Date().getHours();
</ｓｃｒｉｐｔ>
<!-- Baidu Button END -->
第二种：通过给百度分享代码添加一个外层，即<div style="text-align:cennter; padding-left:30px;"> 此处放置百度分享代码 </div>，可实现居中（padding-left 的数值用于对位置进行微调）。
代码如下：
<!-- 外层 -->
<div style="text-align:cennter; padding-left:30px">
<!-- Baidu Button BEGIN -->
<div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare" >
<span class="bds_more">分享收藏到：</span>
<a class="bds_qzone">QQ空间</a>
<a class="bds_tsina">新浪微博</a>
<a class="bds_tqq">腾讯微博</a>
<a class="bds_renren">人人网</a>
</div>
<ｓｃｒｉｐｔ type="text/javaｓｃｒｉｐｔ" id="bdshare_js" data="type=tools" ></ｓｃｒｉｐｔ>
<ｓｃｒｉｐｔ type="text/javaｓｃｒｉｐｔ" id="bdshell_js"></ｓｃｒｉｐｔ>
<ｓｃｒｉｐｔ type="text/javaｓｃｒｉｐｔ">
document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?t=" + new Date().getHours();
</ｓｃｒｉｐｔ>
<!-- Baidu Button END -->
</div>
这样就可以实现百度分享代码的水平居中了！由于来去留网的编辑水平有限，有不妥之处还望你指到。
(责任编辑：laiquliu)
|
