百度分享不居中的解决办法

百度分享我想大家都不陌生了~

但是它的对齐方式真的让我很无语~

我今天修改模版就遇到了这样的问题~

因为百度分享一直靠左显示~

用了很多方法~

最终找到了几种解决方法~

分享给大家~

首先这个是百度分享官方给的居中方法:http://share.baidu.com/help/customization/style

下面我再来分享几种方法:

第一种方法:

<div style="float:left;width:500px;">百度分享代码</div>

div里面的宽度500是根据自己网页宽度决定的,其实道理很简单,就是用一个框架把左边撑开,把百度分享顶到一个相应居中的位置。

这么一来,下一种方式肯定也适用了。

第二种方法:

<div style="pading-left:500px;">百度分享代码</div>

第三种方法:

通过在百度分享代码的最前面增加语句

<div style="width:120px;float:left;">&nbsp;</div>

然后通过调节width:120px;这个层的宽度达到定位百度分享代码所在的层位置,使的其向右移动。

第四种方法:

通过给百度分享代码添加一个外层

<div style="text-align:cennter; padding-left:30px;">百度分享代码</div>

然后对padding-left:30px;的数值进行微调。

第五种方法:

<div style="margin:0 auto;width:225px;">百度分享代码</div>

然后通过对width:225px;的数值进行调节~

我目前使用的是第五种方法~

希望以上对大家有所帮助~

发表评论 / Comment

提示:本文章评论功能已关闭