当前位置:首页 > 建站咨询
解析:百度分享代码按钮如何居右和居中方法

来源:搜你想要的 点击数:76 时间:05-14

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

解析:百度分享代码按钮如何居右和居中方法 百度 代码 第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张图片

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

广告推介

最新发布

图文信息

最新视频

热门事件

资源共享