得知互动

标题: 百度分享代码无法水平居中的解决方法 [打印本页]
作者: swmozowtfl    时间: 2015-7-28 11:26
标题: 百度分享代码无法水平居中的解决方法
百度在搜索结果中偏爱自己的产品是无用质疑的，所以，越来越多的站长决定给网站页面加上百度分享代码。/ g* ?6 H7 S* p" N
不过在代码居中碰到郁闷的事：一般在div层中加入style=text-align:center; 即可完成居中了，可是发现常用的居中方法对百度分享代码无效。+ `5 f7 g& s" B/ v6 U! }
解决方法有二种，最终效果如下：* ?- c' Z7 A( F% |& @5 x
名单* }. t  [0 ~& R) `- u. C
第一种：通过在百度分享代码的最前面增加语句：
( N+ c( x( d5 p* P3 C<div style=width:120px;float:left;> </div>，然后通过调节<div style=width:120px; float:left;> </div> 这个层的宽度达到定位百度分享代码所在的层位置，使的其向右移动。! O, n! T* y7 S, Y# ]# O. N
代码如下:# y% S  s  L% `* _/ G& C2 {5 }$ d
代码如下:
7 U2 s3 l2 {/ X/ z4 R<!-- 需要调节宽度的层 -->5 H+ R+ Y6 s! u7 m
<div style=width:120px;float:left;> </div>1 E. `; T% @4 R
<!-- baidu button begin -->2 |5 L' U3 i/ g# i
<div id=bdshare class=bdshare_t bds_tools get-codes-bdshare >; p+ C2 [; W$ W1 L. Q
<span class=bds_more>分享收藏到：</span>
, ?, S& }3 G/ d/ [7 C& [<a class=bds_qzone>qq空间</a>
! t- S! @2 [2 R4 f<a class=bds_tsina>新浪微博</a>9 ?! A# `% `. X+ R4 m% c
<a class=bds_tqq>腾讯微博</a>% a9 f. g7 y2 O& ]
<a class=bds_renren>人人网</a>+ i8 }# P& L2 D% f& ~- m
</div>
+ w. u( }2 N- Y% u* [( H<script type=text/javascript id=bdshare_js data=type=tools ></script>/ ]1 [* P8 l% |1 a3 E4 j
<script type=text/javascript id=bdshell_js></script>
* _3 m$ }+ r" b5 F/ S<script type=text/javascript>% e2 k" v# ^2 W# R0 K! d( ~  d
document.getelementbyid(bdshell_js).src = = + new date().gethours();
( W$ Q" I: `; Y! q. Z6 O  L# D</script>* n( E9 f) m% L
<!-- baidu button end -->4 ]0 z- m9 N; m. j1 ^1 [% Z: h& f
第二种：通过给百度分享代码添加一个外层，即<div style=text-align:cennter; padding-left:30px;> 此处放置百度分享代码 </div>，可实现居中（padding-left 的数值用于对位置进行微调）。0 r; f: J4 w+ P9 W
代码如下:  W4 t6 A9 |) u7 S$ d. Y& b
代码如下:
' I& R+ y- B) |( `* B<!-- 外层 -->% x+ k% r, r( C) K/ \
<div style=text-align:cennter; padding-left:30px>
/ p  ~+ s3 p! T' E- z<!-- baidu button begin -->. _7 ]5 z* @6 X( o% x- ~
<div id=bdshare class=bdshare_t bds_tools get-codes-bdshare >
# N1 b/ K7 T4 {# O0 h* k; R<span class=bds_more>分享收藏到：</span>' i1 C: ^6 v- r4 A, U2 K" `
<a class=bds_qzone>qq空间</a>
$ u! y8 M( g, Z: h, F<a class=bds_tsina>新浪微博</a>
$ a  r# T) m  q  n+ @6 q5 A<a class=bds_tqq>腾讯微博</a>  r" ~2 j1 c9 W  _
<a class=bds_renren>人人网</a>6 \1 U' w& E, Z  n, C4 }
</div>* ~' a7 |% p2 q  J4 v1 ]8 u
<script type=text/javascript id=bdshare_js data=type=tools ></script>' M0 w+ m- f# a6 Y* _2 Q6 C
<script type=text/javascript id=bdshell_js></script>+ g% h. T9 X, f! ^
<script type=text/javascript>
/ J6 ?- h- y. v8 p; J5 h& c0 ]document.getelementbyid(bdshell_js).src = = + new date().gethours();
$ z2 C) ^  L# R3 I+ v( p</script>
) S1 r' Z- V2 n  U0 E5 T<!-- baidu button end -->
" v/ j, k: K- G) k6 J</div>( w4 |" ?& p7 r
这样就可以实现百度分享代码的水平居中了！
5 v7 ?  x* S; v最后，提示各位站长，为了加快网页的加载速度，最好把所有的js文件放到页面的底部，<div>里的内容放到需要显示分享代码的页面位置。: H3 U! ?+ m# W: C
- ?. k- ?) s' G$ S
更多网站运营信息请查看： 网站运营
作者: 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