关注(zmtihome.com)姚兵博客

解析:百度分享代码按钮如何居右和居中方法

/ 分类: 站长百科 / 2年前 ( 2018-04-22 ) / 704°c

在获取百度分享代码后如何让他居以及居显示呢?对于程序猿来说是很简单,但是对我们这些不懂代码的小白,显得格外的苍白无力,今天小编就给大家分享一下百度分享代码的按钮如何居右和水平居中的方法。

解析:百度分享代码按钮如何居右和居中方法 百度 代码 第1张图片

1、首先我们需要登陆百度站长平台获取百度分享按钮的代码,这一步应该大家都会的,就不多说了。

2、拿到代码之后,我们放到想要显示分享按钮的地方,发现默认的是居左。如下图:

解析:百度分享代码按钮如何居右和居中方法 百度 代码 第2张图片

3、如何让百度分享代码居右呢,那么我们就要在百度分享代码前面加一小段代码,如下:

CSS
<div style="float:right;">此处替换为百度分享代码</div>

将百度分享代码放到中间,然后再复制到需要展示分享按钮的地方,再来看看效果,是不是已经完美居右了呢?如下图:

解析:百度分享代码按钮如何居右和居中方法 百度 代码 第3张图片

4、同样的获取到百度分享代码之后,利用下面这段代码,即可实现百度分享代码水平居中显示了,代码如下:

CSS
<div style="width:320px; margin:0 auto;">这里放百度分享按钮代码</div>

即可实现百度分享代码水平居中显示了,上面的‘’width:320px‘’这个320的数值大家可以根据自己的需求修改。如下图:

解析:百度分享代码按钮如何居右和居中方法 百度 代码 第4张图片

总结:以上就是百度分享代码居右和百度分享代码居中的方法了,如果你还有什么不懂的可以联系小编,感谢您的阅读!

文章版权及转载声明:

作者:姚兵
本文地址:http://zmtihome.com/baike/post/81.html
该文章发布于 2年前 ( 2018-04-22 )
文章转载或复制请以 超链接形式 并注明出处 姚兵博客

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

必填

选填

选填

快捷回复:

跟帖列表 (暂无跟帖,704人围观)参与讨论

还没有跟帖的,来说两句吧...