百度在搜索结果中偏爱自己的产品是无用质疑的，所以，越来越多的站长决定给网站页面加上百度分享代码。" A* z! }8 V3 [4 @$ \0 Y
不过在代码居中碰到郁闷的事：一般在div层中加入style=text-align:center; 即可完成居中了，可是发现常用的居中方法对百度分享代码无效。4 j$ K# Y8 ]& _" I3 [! C% Q
解决方法有二种，最终效果如下：5 e' s9 J9 R) g U- X( |" |* _5 ]
名单
; _! {( r. R9 g$ t. P第一种：通过在百度分享代码的最前面增加语句：
; J h3 D+ M7 f6 I4 n<div style=width:120px;float:left;> </div>，然后通过调节<div style=width:120px; float:left;> </div> 这个层的宽度达到定位百度分享代码所在的层位置，使的其向右移动。
T9 G: l* D8 }代码如下:: `( k. g0 |& B5 D% A4 C
代码如下:
* W8 O$ W3 \$ c( G8 ~- f# ?7 R<!-- 需要调节宽度的层 -->
7 x) c/ E7 g. o: c+ B' A0 I<div style=width:120px;float:left;> </div>
: K4 p$ a4 Y9 }: B: b5 R( _<!-- baidu button begin -->
6 \; x8 k% z i+ u6 y9 X" t<div id=bdshare class=bdshare_t bds_tools get-codes-bdshare >
" B1 h2 P- ~9 _: _$ f5 n1 g<span class=bds_more>分享收藏到：</span>3 [' z8 `- f1 b4 D1 K3 D, R
<a class=bds_qzone>qq空间</a>
' Y( z* @* @3 E! B& T- h- c<a class=bds_tsina>新浪微博</a>
( r3 ^- z% [; x# q* s* c<a class=bds_tqq>腾讯微博</a>
5 r& e" b( P1 x, G: ~( s% T<a class=bds_renren>人人网</a>
' W' q2 r, ?7 o</div>. N" _' V# Y9 H
<script type=text/javascript id=bdshare_js data=type=tools ></script>
- E }% G$ ?, q. u8 |# u<script type=text/javascript id=bdshell_js></script>) }4 j5 l; j! K% s t+ ~9 V7 H) ~
<script type=text/javascript>
/ _3 M; S" i; b9 n! R2 Bdocument.getelementbyid(bdshell_js).src = = + new date().gethours();6 M9 F2 v) L* o% D b0 W
</script>* C0 z$ N& e: H8 F
<!-- baidu button end -->
1 p% Z, f0 i! B+ H第二种：通过给百度分享代码添加一个外层，即<div style=text-align:cennter; padding-left:30px;> 此处放置百度分享代码 </div>，可实现居中（padding-left 的数值用于对位置进行微调）。
2 G6 z! q4 f* `1 H9 W+ Q7 \代码如下:0 A7 ?, Y Y3 [* r( s" o* M) Z
代码如下:' r- S v8 g7 r1 t: n! r. W+ X
<!-- 外层 -->' x7 D; r8 L, k( u+ P# W7 i
<div style=text-align:cennter; padding-left:30px>+ q4 t" q% |0 \# i' \) P, i
<!-- baidu button begin -->
4 H! N. C" F% x( C<div id=bdshare class=bdshare_t bds_tools get-codes-bdshare >- C7 V( l3 F& M5 G+ ]3 h9 |+ @
<span class=bds_more>分享收藏到：</span>* U9 s) J# V) u5 x
<a class=bds_qzone>qq空间</a>
2 u* \0 h( ]# L<a class=bds_tsina>新浪微博</a>
' \3 i; p4 B, a: U0 m% N, h9 e<a class=bds_tqq>腾讯微博</a>& b2 a$ W8 b' A, j! r l1 v6 o
<a class=bds_renren>人人网</a>
* ?, j" k% u' f' U1 k</div>
5 G; {( I- k$ r: V& z7 u) H9 _<script type=text/javascript id=bdshare_js data=type=tools ></script>
& B5 o, \7 A: q& U/ D# z2 T3 \<script type=text/javascript id=bdshell_js></script>% X# H8 J6 N4 S% U: f
<script type=text/javascript>8 p& M3 K* d5 @/ S$ ^$ Q+ C5 B
document.getelementbyid(bdshell_js).src = = + new date().gethours();
0 W9 r B/ l% @- W3 a</script>
+ E. b0 ?0 b/ `' j<!-- baidu button end -->' F1 {2 V& t% K" p/ Y R" s4 A
</div>: T' }: ^7 V7 l2 h+ ^, o
这样就可以实现百度分享代码的水平居中了！
& i% A1 ?4 n5 d1 Z8 z最后，提示各位站长，为了加快网页的加载速度，最好把所有的js文件放到页面的底部，<div>里的内容放到需要显示分享代码的页面位置。+ f' F5 k7 T8 ?1 I
& w, N$ |6 _9 O* y/ H$ ^
更多网站运营信息请查看： 网站运营 |
