关灯
开启左侧

[研究发现] 百度分享代码无法水平居中的解决方法

[复制链接]
swmozowtfl 发表于 2015-7-28 11:26:05 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
 
百度在搜索结果中偏爱自己的产品是无用质疑的,所以,越来越多的站长决定给网站页面加上百度分享代码。6 O' j8 Y9 b' k0 p6 ~
不过在代码居中碰到郁闷的事:一般在div层中加入style=text-align:center; 即可完成居中了,可是发现常用的居中方法对百度分享代码无效。( ~# R9 z5 K7 {/ l$ X+ M/ f" |
解决方法有二种,最终效果如下:
, R: ~% _; s4 t名单
/ e4 y1 ~/ k! p% W' P% A9 h第一种:通过在百度分享代码的最前面增加语句:' {; w# C  M$ x4 R
<div style=width:120px;float:left;> </div>,然后通过调节<div style=width:120px; float:left;> </div> 这个层的宽度达到定位百度分享代码所在的层位置,使的其向右移动。
% l' n9 O8 g: V" V9 m代码如下:
* m, v. L- B$ W7 V2 v$ A
代码如下:) c6 u4 n5 O. G& P( O$ u
<!-- 需要调节宽度的层 -->
, H, Z) E4 T- w* p<div style=width:120px;float:left;> </div>
8 v) z! ?' a1 y) Y<!-- baidu button begin -->
, A& i5 Y9 A: Z9 O" N$ b, I<div id=bdshare class=bdshare_t bds_tools get-codes-bdshare >& v: `  V% Q' ]# _; _% L: D+ Q) u
<span class=bds_more>分享收藏到:</span>
2 z7 Z6 Y+ e4 n1 I! M7 i<a class=bds_qzone>qq空间</a>
! E3 q# x+ A2 i<a class=bds_tsina>新浪微博</a>( |# \' K, R8 E3 h( J
<a class=bds_tqq>腾讯微博</a>6 j% X  ?7 J# g; v6 S  C4 ]3 V/ ~* b
<a class=bds_renren>人人网</a>
6 C8 k' E/ I" C& N6 B</div>5 l# _; j! }3 i. N+ b- t* Y
<script type=text/javascript id=bdshare_js data=type=tools ></script>$ {  [$ R5 C- |% p! U
<script type=text/javascript id=bdshell_js></script># t, E; w' Y! n& t1 c* z
<script type=text/javascript>
6 O4 j1 L) L' pdocument.getelementbyid(bdshell_js).src = = + new date().gethours();6 Y8 U% Q; _1 G( Z0 K
</script>
* ?/ e* q3 P7 G. M; ?2 V+ S<!-- baidu button end -->
9 v5 M- S/ j$ ?9 |, A( [8 `6 S第二种:通过给百度分享代码添加一个外层,即<div style=text-align:cennter; padding-left:30px;> 此处放置百度分享代码 </div>,可实现居中(padding-left 的数值用于对位置进行微调)。
9 I% e' {8 {  p) S) }代码如下:
& H* T' h% ^, z
代码如下:! _  q! c2 x7 M
<!-- 外层 -->
) @( J' Z  G' [8 k7 U! _" X) y8 D/ I<div style=text-align:cennter; padding-left:30px>
$ d+ |0 |# A! L<!-- baidu button begin -->
' j* E; u8 r* h' n$ i; P3 j+ J<div id=bdshare class=bdshare_t bds_tools get-codes-bdshare >
+ K+ Y7 o; ?" Y2 U+ p$ J<span class=bds_more>分享收藏到:</span>
$ @% l$ M6 i6 L# u<a class=bds_qzone>qq空间</a>
9 U! e% w+ ]7 v; _% y+ @3 @<a class=bds_tsina>新浪微博</a>
, _+ Y' H$ I7 K" a% @: g<a class=bds_tqq>腾讯微博</a>
( D5 n! Y& P; z; G" u<a class=bds_renren>人人网</a>9 w7 r5 g5 c5 h1 V( E0 |
</div>4 y0 R- Y/ F2 `9 @( s% s/ ?3 F
<script type=text/javascript id=bdshare_js data=type=tools ></script>, _0 `% ^& O; J/ I) U
<script type=text/javascript id=bdshell_js></script>: c, u1 n: e: f9 i$ q
<script type=text/javascript>( [" ^! H" j2 c  H. ^
document.getelementbyid(bdshell_js).src = = + new date().gethours();# Y% p6 e8 j) ]
</script>
6 J1 a1 M* Z" }9 Y<!-- baidu button end -->$ L: w* Z5 ]# F0 ]
</div>
9 `6 V/ K. b% z& Q* x6 D这样就可以实现百度分享代码的水平居中了!! n$ i( z5 l7 i/ y; f
最后,提示各位站长,为了加快网页的加载速度,最好把所有的js文件放到页面的底部,<div>里的内容放到需要显示分享代码的页面位置。- v. C. z6 F- p; [7 B) y: F
9 K: H9 z/ s. D+ H+ U- N
更多网站运营信息请查看: 网站运营
 

精彩评论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 | 显示全部楼层
 
要不我崇拜你?行吗?
 
effoggikeftor 发表于 2015-10-21 19:06:56 | 显示全部楼层
 
感觉这个论坛的站长太牛B了,好强大啊
 
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


0关注

1粉丝

2503帖子

热门图文
热门帖子
排行榜
作者专栏

关注我们:微信订阅号

官方微信

APP下载

全国服务Q Q:

956130084

中国·湖北

Email:956130084@qq.com

Copyright   ©2015-2022  站长技术交流论坛|互联网技术交流平台Powered by©Discuz!技术支持:得知网络  

鄂公网安备 42018502006730号

  ( 鄂ICP备15006301号-5 )