站三界导航
首页 建站经验百度分享代码无法水平居中的解决方法

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

  • 建站经验
  • 来源:站三界导航
  • 49阅读
  • 2022-04-28

百度在搜索结果中偏爱自己的产品是无用质疑的,所以,越来越多的站长决定给网站页面加上百度分享代码。 不过在代码居中碰到郁闷的事:一般在div层中加入style="text-align:center;" 即可完成居中了,可是发现常用的居中方法对百度分享代码无效。 解决方法有二种,最终效果如下: 第一种:通过在百度分享代码的最前面增加语句:
 
,然后通过调节
 
这个层的宽度达到定位百度分享代码所在的层位置,使的其向右移动。 代码如下:   复制代码 代码如下:
 
  第二种:通过给百度分享代码添加一个外层,即
此处放置百度分享代码
,可实现居中(padding-left 的数值用于对位置进行微调)。 代码如下:   复制代码 代码如下:
  这样就可以实现百度分享代码的水平居中了! 最后,提示各位站长,为了加快网页的加载速度,最好把所有的js文件放到页面的底部,
里的内容放到需要显示分享代码的页面位置。 本文结束
本文来自投稿,不代表站三界导航立场,如若转载,请注明出处:https://www.zhansanjie.com/article/details/4115.html

版权声明:

1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

2、本站仅提供信息发布平台,不承担相关法律责任。

3、若侵犯您的版权或隐私,请联系本站管理员删除。

4、本文由会员转载自互联网,如果您是文章原创作者,请联系本站注明您的版权信息。

分享
站三界导航
本站声明:本站严格遵守国家相关法律规定,非正规网站一概不予收录。本站所有资料取之于互联网,任何公司或个人参考使用本资料请自辨真伪、后果自负,站三界导航不承担任何责任。在此特别感谢您对站三界导航的支持与厚爱。