返回列表 发新帖

百度分享代码无法水平居中的解决方法

371.3k 10
swmozowtfl 发表于 2015-7-28 11:26:05|湖北 | 查看全部 阅读模式
百度在搜索结果中偏爱自己的产品是无用质疑的,所以,越来越多的站长决定给网站页面加上百度分享代码。) |6 ?' ?8 k' l' Z) U: t& d9 U
不过在代码居中碰到郁闷的事:一般在div层中加入style=text-align:center; 即可完成居中了,可是发现常用的居中方法对百度分享代码无效。
! Z9 w. Z6 \: G解决方法有二种,最终效果如下:
) Q& p0 x" ^  r1 I  U4 N名单
0 l  o2 `/ K7 r3 c# `) Y1 x! W第一种:通过在百度分享代码的最前面增加语句:
, @& R( k6 K" A6 g5 c" e/ M6 {<div style=width:120px;float:left;> </div>,然后通过调节<div style=width:120px; float:left;> </div> 这个层的宽度达到定位百度分享代码所在的层位置,使的其向右移动。
% l3 E# |9 N" l2 F代码如下:0 ~0 A) m& [; k
代码如下:
3 {0 k! d, V! |. O: y
<!-- 需要调节宽度的层 -->9 c, ]& }* }9 m! V, I
<div style=width:120px;float:left;> </div>
9 s) ?  G" Y$ @* u, X/ J- f% R<!-- baidu button begin -->& J: V  M; H0 u/ @8 L- [1 }
<div id=bdshare class=bdshare_t bds_tools get-codes-bdshare >
/ ^% M5 v) O+ L, ^; ]" {<span class=bds_more>分享收藏到:</span>: U* N/ C- {/ d! f: P/ V
<a class=bds_qzone>qq空间</a>0 t8 Q& c& ~, t
<a class=bds_tsina>新浪微博</a>
$ |4 S8 l/ k" x<a class=bds_tqq>腾讯微博</a>
" p1 u1 }: ^$ Y3 }8 h0 Z( T5 M<a class=bds_renren>人人网</a># H- L0 o0 [& ?4 ]1 n  Z* @) l
</div>
' m, q  i4 k7 z- A7 ]9 L) s<script type=text/javascript id=bdshare_js data=type=tools ></script>8 G8 o8 N( S3 U9 m4 L
<script type=text/javascript id=bdshell_js></script>
% L5 ]) ~; u+ w1 t. W% G* x<script type=text/javascript>$ a  v, T) F& |
document.getelementbyid(bdshell_js).src = = + new date().gethours();# [; v# t- Y) q6 q" Q
</script>
/ W) \! ~$ F2 W$ A# g<!-- baidu button end -->
2 Y- V' y  w( o5 @+ O+ q; L. }第二种:通过给百度分享代码添加一个外层,即<div style=text-align:cennter; padding-left:30px;> 此处放置百度分享代码 </div>,可实现居中(padding-left 的数值用于对位置进行微调)。
6 a( o/ \" O* z3 v5 ?代码如下:( S* M; B% o- c) \3 p5 F
代码如下:1 d5 w- a& p7 I$ A9 ?
<!-- 外层 -->& f5 I5 P  f6 F( s6 `! ]
<div style=text-align:cennter; padding-left:30px>
) X( r$ s& \$ Y/ z0 x<!-- baidu button begin -->" Z- C0 X! x6 N- J
<div id=bdshare class=bdshare_t bds_tools get-codes-bdshare >  c6 y, b( |2 E0 |, o
<span class=bds_more>分享收藏到:</span>! e$ I6 m$ e2 b7 E" r7 v+ U! u
<a class=bds_qzone>qq空间</a>7 c5 @# B' ^0 I, d) |
<a class=bds_tsina>新浪微博</a>
$ q5 c1 y# e% F: c# Y! X<a class=bds_tqq>腾讯微博</a>! k" S# [* q% ~$ H
<a class=bds_renren>人人网</a>
4 {$ E1 Z' l: b  V0 j' F1 J</div>
8 f) o% @$ y! r<script type=text/javascript id=bdshare_js data=type=tools ></script># D) K9 V( Y4 \( F, C
<script type=text/javascript id=bdshell_js></script>
( W! O) g4 Z4 v9 b; m: m3 C<script type=text/javascript>( k! L2 r6 Q8 z
document.getelementbyid(bdshell_js).src = = + new date().gethours();
/ c& B: ^( v! `1 m2 R</script>
+ S2 c- Z! B3 D$ g6 O<!-- baidu button end -->
, W3 A/ ~  @' m# @1 H% R8 T</div>
+ D- m- D5 w9 P. E1 ?. k- U这样就可以实现百度分享代码的水平居中了!2 K% p. b- x9 D  _
最后,提示各位站长,为了加快网页的加载速度,最好把所有的js文件放到页面的底部,<div>里的内容放到需要显示分享代码的页面位置。
& n2 z$ ?& b; ]* w' v5 R, }  r- |7 {
更多网站运营信息请查看: 网站运营

回复|共 10 个

gevaemaidovef 发表于 2015-10-12 15:26:46|英国 | 查看全部
不为楼主的标题所吸引,也不是被贴子的内容所迷惑。
alapScady 发表于 2015-10-12 15:26:09|英国 | 查看全部
什么什么啊??
tohme 发表于 2015-10-12 15:25:58|韩国 | 查看全部
去干吗啊~~~伤心啊~~~
tohme 发表于 2015-10-12 15:26:16|日本 | 查看全部
哈哈 瞧你说的~~~
Mqokjdvq 发表于 2015-10-12 15:26:08|美国 | 查看全部
嘿...反了反了,,,,
gevaemaidovef 发表于 2015-10-21 19:05:33|法国 | 查看全部
我又回复了
alapScady 发表于 2015-10-21 19:06:33|非洲 | 查看全部
注:偶是女滴,千真万确,毋庸置疑!
bqtklouu 发表于 2015-10-21 19:06:41|澳大利亚 | 查看全部
老大,我好崇拜你哟
alapScady 发表于 2015-10-21 19:06:49|Reserved | 查看全部
要不我崇拜你?行吗?
effoggikeftor 发表于 2015-10-21 19:06:56|美国 | 查看全部
感觉这个论坛的站长太牛B了,好强大啊

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

得知互动是一个融创意、设计、开发、营销、生活、互联网于一体的专业交流分享平台。
Copyright © 2026 得知互动-专注Ai与站长技术交流社区-Ai交流平台 版权所有 All Rights Reserved. Powered by Discuz! X5.0 鄂ICP备15006301号-5|鄂公网安备 42018502006730号
关灯 在本版发帖 扫一扫添加QQ客服 返回顶部
快速回复 返回顶部 返回列表