百度在搜索结果中偏爱自己的产品是无用质疑的，所以，越来越多的站长决定给网站页面加上百度分享代码。
y0 \# i$ K" J( r+ n3 I不过在代码居中碰到郁闷的事：一般在div层中加入style=text-align:center; 即可完成居中了，可是发现常用的居中方法对百度分享代码无效。
- d) C/ d7 N, D8 [4 y解决方法有二种，最终效果如下：; D( |7 v' ?# w* i- D
名单4 u* A% f0 B" F. { q; t2 h
第一种：通过在百度分享代码的最前面增加语句：; p/ ?% f3 S) P& L6 Y" k
<div style=width:120px;float:left;> </div>，然后通过调节<div style=width:120px; float:left;> </div> 这个层的宽度达到定位百度分享代码所在的层位置，使的其向右移动。
P; v: _: w0 ?' A5 I' R6 r代码如下:: G! V! p9 y! I; x
代码如下:
( G4 H$ b# \* C<!-- 需要调节宽度的层 -->+ m3 b0 p5 r" T! D6 u
<div style=width:120px;float:left;> </div>
' {( P- {" G5 P& [5 O<!-- baidu button begin -->) o. |/ i4 n9 U
<div id=bdshare class=bdshare_t bds_tools get-codes-bdshare >! S% |7 e* g! I- T
<span class=bds_more>分享收藏到：</span>
/ ]/ B- @& O) S- l<a class=bds_qzone>qq空间</a>
4 _ @% I7 c9 p% G<a class=bds_tsina>新浪微博</a>
5 u: C/ V% }% ^: |; V1 L8 {% r: G<a class=bds_tqq>腾讯微博</a>
6 ?2 v5 D& S4 c: m5 J2 F<a class=bds_renren>人人网</a>/ c' d$ V* w4 W5 ^
</div>
, T/ X. D( l! t% L7 Y0 \<script type=text/javascript id=bdshare_js data=type=tools ></script>4 ]! W5 b# \- c* p" C! W
<script type=text/javascript id=bdshell_js></script>
# L" [% u, H$ X6 Y0 D9 G& g5 v* s<script type=text/javascript>1 C0 i( z$ P8 H- a: ?4 }0 y+ l5 }
document.getelementbyid(bdshell_js).src = = + new date().gethours();
& f. j3 f2 e; c: ?4 m</script>: u9 `5 s. d* ]# U/ I
<!-- baidu button end -->
G2 |- [; ^- s- Y5 R0 ?' X3 b- @第二种：通过给百度分享代码添加一个外层，即<div style=text-align:cennter; padding-left:30px;> 此处放置百度分享代码 </div>，可实现居中（padding-left 的数值用于对位置进行微调）。$ S! I8 I9 R7 O1 W8 K
代码如下:% Z% o3 y1 u8 `, d" j5 {3 U1 X
代码如下:
0 q! J1 ?8 N- k5 j/ k% h0 d<!-- 外层 -->
. @+ i; E+ k' b# E; p<div style=text-align:cennter; padding-left:30px>
( z5 W5 Y9 K r0 g4 l<!-- baidu button begin -->0 N S. ^' c. o3 @) N* L# ^
<div id=bdshare class=bdshare_t bds_tools get-codes-bdshare >+ K0 C! F/ @4 J2 Z V, _
<span class=bds_more>分享收藏到：</span>
+ A9 c. v) I0 T! e" W% ?9 u<a class=bds_qzone>qq空间</a>- Z! I9 @3 a/ ^ G' C& @
<a class=bds_tsina>新浪微博</a>
6 b. y8 L+ l( E, j0 G* _<a class=bds_tqq>腾讯微博</a>
( E: _' T7 M, W# z) M<a class=bds_renren>人人网</a>
3 G2 o! x! u; v; V- ?; Q/ B! I( O</div>
8 e3 i% w9 I1 G- _/ ^( E" X; A6 j<script type=text/javascript id=bdshare_js data=type=tools ></script> U* t' k6 W2 Z! F
<script type=text/javascript id=bdshell_js></script>8 {8 _, X( t* ?4 ^
<script type=text/javascript>
# ?8 x H1 M4 B5 ]1 J* n- {document.getelementbyid(bdshell_js).src = = + new date().gethours();1 j" |" t1 e. f% D* v
</script>
* K1 Z8 n, A! @6 Z# e<!-- baidu button end -->8 E& o3 c2 j% m
</div>
% V% [, o* u1 b这样就可以实现百度分享代码的水平居中了！
5 m0 H/ Y) t" v, f& ?9 v0 A: T; P最后，提示各位站长，为了加快网页的加载速度，最好把所有的js文件放到页面的底部，<div>里的内容放到需要显示分享代码的页面位置。
R( g( g* q0 J4 }, W! B A9 t- X& G* D0 ~$ t/ v$ o
更多网站运营信息请查看： 网站运营 |
