得知互动
标题:
百度分享代码无法水平居中的解决方法
[打印本页]
作者:
swmozowtfl
时间:
2015-7-28 11:26
标题:
百度分享代码无法水平居中的解决方法
百度在搜索结果中偏爱自己的产品是无用质疑的，所以，越来越多的站长决定给网站页面加上百度分享代码。
! t% d8 k5 F) f, `3 X9 Y3 N
不过在代码居中碰到郁闷的事：一般在div层中加入style=text-align:center; 即可完成居中了，可是发现常用的居中方法对百度分享代码无效。
3 C8 M2 H' m$ z {/ U
解决方法有二种，最终效果如下：
; p P n Q5 C* Q
名单
4 a" h' D- m: A8 G: l& j
第一种：通过在百度分享代码的最前面增加语句：
4 g7 ]4 X) g! i1 J( |7 d9 \1 _5 ]
<div style=width:120px;float:left;> </div>，然后通过调节<div style=width:120px; float:left;> </div> 这个层的宽度达到定位百度分享代码所在的层位置，使的其向右移动。
5 Y! @0 w8 J& ~0 t/ m' d
代码如下:
9 k+ b/ u3 S3 _" \0 q6 I
代码如下:
: N: z. W" g* p9 ^7 j: N5 I
<!-- 需要调节宽度的层 -->
* \9 L- ?, w7 S; A( ?( ~2 A
<div style=width:120px;float:left;> </div>
( _* B! H- p5 B5 e
<!-- baidu button begin -->
" M6 R7 q" ?( T7 ]2 R p
<div id=bdshare class=bdshare_t bds_tools get-codes-bdshare >
6 j, y' D* L, }( _
<span class=bds_more>分享收藏到：</span>
' Z, x0 [& Z7 I6 q) f' r- k
<a class=bds_qzone>qq空间</a>
7 Y2 K( c$ _+ @! j/ t
<a class=bds_tsina>新浪微博</a>
m0 L* j8 m1 F: X/ J
<a class=bds_tqq>腾讯微博</a>
+ t( D8 F$ U' ~5 r$ X0 }
<a class=bds_renren>人人网</a>
% }4 R# P9 G( ]& Y7 ^0 }
</div>
& r M6 ?, u7 u V
<script type=text/javascript id=bdshare_js data=type=tools ></script>
1 j: \. @6 o4 g/ e F* s
<script type=text/javascript id=bdshell_js></script>
- W1 @7 x. K' j- V$ `
<script type=text/javascript>
- J _. G' R' ]# w; w( a
document.getelementbyid(bdshell_js).src = = + new date().gethours();
! B% |; ~8 P, ]6 ?
</script>
* e4 G! U' p- g9 g1 r
<!-- baidu button end -->
* h( X3 X/ k2 b9 i3 V- T- F
第二种：通过给百度分享代码添加一个外层，即<div style=text-align:cennter; padding-left:30px;> 此处放置百度分享代码 </div>，可实现居中（padding-left 的数值用于对位置进行微调）。
2 @% j) ?, y+ J) y' X0 G
代码如下:
# n7 M2 s0 u3 Y, H3 D$ ~2 Z
代码如下:
' C, \$ h& V3 C, t( z4 G Q5 `8 n7 T
<!-- 外层 -->
6 J1 N5 i1 h, v! a5 c- x w$ [
<div style=text-align:cennter; padding-left:30px>
# U4 k: g a5 `2 ?+ G
<!-- baidu button begin -->
0 o; p2 f3 p3 E2 @- Q2 w9 A2 u
<div id=bdshare class=bdshare_t bds_tools get-codes-bdshare >
1 m$ G8 b; r a w# }
<span class=bds_more>分享收藏到：</span>
9 t q+ v) ^0 V6 u- r) P/ p+ w
<a class=bds_qzone>qq空间</a>
3 Y; ?0 o# t% B% a L8 I. O i u
<a class=bds_tsina>新浪微博</a>
^1 i% ~$ J; S# q u4 g
<a class=bds_tqq>腾讯微博</a>
8 c: L, v7 U$ p/ d) [
<a class=bds_renren>人人网</a>
3 ?3 t. S! @ ^; a
</div>
$ d Z- D) z* S1 I2 e3 E
<script type=text/javascript id=bdshare_js data=type=tools ></script>
w+ N9 F% f- I' A
<script type=text/javascript id=bdshell_js></script>
/ L/ s* p8 J5 v$ O9 Z9 p. P
<script type=text/javascript>
) H+ ] p1 ~7 i' m: `
document.getelementbyid(bdshell_js).src = = + new date().gethours();
* x/ A* G: R: b# d# h
</script>
2 [0 Z0 c6 x1 Y4 O+ y- O
<!-- baidu button end -->
: s+ f* a/ v! X# E6 Y
</div>
% Z- \7 f& l- m% H% V
这样就可以实现百度分享代码的水平居中了！
- \0 V; {! D0 g0 d
最后，提示各位站长，为了加快网页的加载速度，最好把所有的js文件放到页面的底部，<div>里的内容放到需要显示分享代码的页面位置。
% t6 _, j1 |5 r4 J( e
3 g: Y0 f: Z) {+ b
更多网站运营信息请查看：
网站运营
作者:
tohme
时间:
2015-10-12 15:25
去干吗啊~~~伤心啊~~~
作者:
Mqokjdvq
时间:
2015-10-12 15:26
嘿...反了反了,,,,
作者:
alapScady
时间:
2015-10-12 15:26
什么什么啊??
作者:
tohme
时间:
2015-10-12 15:26
哈哈 瞧你说的~~~
作者:
gevaemaidovef
时间:
2015-10-12 15:26
不为楼主的标题所吸引，也不是被贴子的内容所迷惑。
作者:
gevaemaidovef
时间:
2015-10-21 19:05
我又回复了
作者:
alapScady
时间:
2015-10-21 19:06
注:偶是女滴,千真万确,毋庸置疑!
作者:
bqtklouu
时间:
2015-10-21 19:06
老大,我好崇拜你哟
作者:
alapScady
时间:
2015-10-21 19:06
要不我崇拜你?行吗?
作者:
effoggikeftor
时间:
2015-10-21 19:06
感觉这个论坛的站长太牛B了，好强大啊
欢迎光临 得知互动 (https://bbs.dezhifl.com/)
Powered by Discuz! X3.4