百度在搜索结果中偏爱自己的产品是无用质疑的，所以，越来越多的站长决定给网站页面加上百度分享代码。
4 |4 S8 N) K/ R$ h6 m6 m1 T不过在代码居中碰到郁闷的事：一般在div层中加入style=text-align:center; 即可完成居中了，可是发现常用的居中方法对百度分享代码无效。
* v' Q. I( o3 w' Z% u解决方法有二种，最终效果如下：
" m' S+ L" Z! v j6 Y. R2 U名单& b5 B5 Q9 u; {7 K
第一种：通过在百度分享代码的最前面增加语句：! k8 f) R) t: l) G+ n
<div style=width:120px;float:left;> </div>，然后通过调节<div style=width:120px; float:left;> </div> 这个层的宽度达到定位百度分享代码所在的层位置，使的其向右移动。
/ U) U |& D. m7 t代码如下:' ^( @# u8 w" D1 P1 W( Q
代码如下:
& y5 ]* E) ~( m. A1 o<!-- 需要调节宽度的层 -->
F# h4 C* P+ Y% }. d* v) [<div style=width:120px;float:left;> </div>- A8 H8 K- z# _# G0 {( w
<!-- baidu button begin -->8 r3 I. M J1 k6 i6 ]
<div id=bdshare class=bdshare_t bds_tools get-codes-bdshare >
& ~9 l) w" @4 Q<span class=bds_more>分享收藏到：</span>, [# l% ?' ]4 r( O+ Y' ?1 L
<a class=bds_qzone>qq空间</a>7 C& P. ^$ j( a" K3 P
<a class=bds_tsina>新浪微博</a>/ c- h. g* k# V0 C
<a class=bds_tqq>腾讯微博</a>" {3 |# y2 h% ^% c( l+ U) k1 S# N
<a class=bds_renren>人人网</a>& {; _8 j$ I) p5 z& G# z
</div>
) Z' {: [& H5 n$ j: h& B<script type=text/javascript id=bdshare_js data=type=tools ></script>
# J/ C D- I; s+ h( L<script type=text/javascript id=bdshell_js></script>4 T% w N5 D6 B3 ]& j; l% m
<script type=text/javascript>8 v7 d) y8 U5 \7 }! l q; H, \
document.getelementbyid(bdshell_js).src = = + new date().gethours();
+ z+ J/ `' r5 m7 S7 h5 [( X</script># G' C& p' r+ o# v$ L
<!-- baidu button end -->4 O: M( ` d, f0 O" E5 Y
第二种：通过给百度分享代码添加一个外层，即<div style=text-align:cennter; padding-left:30px;> 此处放置百度分享代码 </div>，可实现居中（padding-left 的数值用于对位置进行微调）。
U; a0 j6 k3 d5 }' N代码如下:2 t8 F5 q( u* l5 T5 J! O
代码如下:
U' [3 i; m6 i3 l0 C3 r; L- |+ H9 d<!-- 外层 -->9 t; l6 |; }1 k) W( W$ H; T. Y
<div style=text-align:cennter; padding-left:30px>
/ b. {0 c& }7 N4 F- x9 D* N<!-- baidu button begin -->
; Z, z6 v8 @- l+ Q: x& |5 u: A<div id=bdshare class=bdshare_t bds_tools get-codes-bdshare >; C) D+ j& Z+ }+ D; ?" C0 P
<span class=bds_more>分享收藏到：</span>0 d/ Z* g# S# a2 v0 P+ j
<a class=bds_qzone>qq空间</a> ~: O/ I4 K& E/ t0 u) S
<a class=bds_tsina>新浪微博</a>+ C$ l# u5 a2 l$ g$ p5 K! y D- V
<a class=bds_tqq>腾讯微博</a>
. u8 }6 K+ W, Q% J1 H. C! M2 d<a class=bds_renren>人人网</a>
; ~ m6 }0 P' D, M, X. V! X</div>% v. O8 b, q4 H% x8 v0 I
<script type=text/javascript id=bdshare_js data=type=tools ></script>
& w2 S9 k2 G! ]1 L# y* h<script type=text/javascript id=bdshell_js></script>
; W, S6 t, ]: a$ x3 b- ~# I" u3 }/ ^$ U<script type=text/javascript>
1 e( f x$ B# g a8 }% ?- A" o1 kdocument.getelementbyid(bdshell_js).src = = + new date().gethours();5 W) \& E( B5 z9 r
</script>
$ c8 G" v# v* a' X X4 I<!-- baidu button end -->
: ^, V3 S: O0 `! w</div>
3 a% {. e3 b1 H1 m& Z这样就可以实现百度分享代码的水平居中了！
9 P; ~& D+ I1 n) g8 z7 @8 y最后，提示各位站长，为了加快网页的加载速度，最好把所有的js文件放到页面的底部，<div>里的内容放到需要显示分享代码的页面位置。
# ~! i \0 r* |9 D( I2 c3 k0 Q k, ]/ I7 Y
更多网站运营信息请查看： 网站运营 |
