百度分享代码无法水平居中的解决方法(代码分享) |
您所在的位置:网站首页 › 按钮居中代码html › 百度分享代码无法水平居中的解决方法(代码分享) |
百度在搜索结果中偏爱自己的产品是无用质疑的,所以,越来越多的站长决定给网站页面加上百度分享代码。 不过在代码居中碰到郁闷的事:一般在div层中加入style="text-align:center;" 即可完成居中了,可是发现常用的居中方法对百度分享代码无效。 解决方法有二种,最终效果如下: 第一种:通过在百度分享代码的最前面增加语句:;,然后通过调节; 这个层的宽度达到定位百度分享代码所在的层位置,使的其向右移动。 代码如下: 复制代码代码如下:; 分享收藏到: QQ空间 新浪微博 腾讯微博 人人网 document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?t=" + new Date().getHours(); 第二种:通过给百度分享代码添加一个外层,即 此处放置百度分享代码 ,可实现居中(padding-left 的数值用于对位置进行微调)。 代码如下: 复制代码代码如下: 分享收藏到: QQ空间 新浪微博 腾讯微博 人人网 document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?t=" + new Date().getHours(); 这样就可以实现百度分享代码的水平居中了! 最后,提示各位站长,为了加快网页的加载速度,最好把所有的js文件放到页面的底部,里的内容放到需要显示分享代码的页面位置。 美国快速服务器 版权声明:本站文章来源标注为YINGSOO的内容版权均为本站所有,欢迎引用、转载,请保持原文完整并注明来源及原文链接。禁止复制或仿造本网站,禁止在非www.yingsoo.com所属的服务器上建立镜像,否则将依法追究法律责任。本站部分内容来源于网友推荐、互联网收集整理而来,仅供学习参考,不代表本站立场,如有内容涉嫌侵权,请联系alex-e#qq.com处理。 |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |