Google plus按钮创建水平滚动条

时间:2015-09-16 21:24:37

标签: javascript html css twitter-bootstrap google-plus-one

我添加Facebook / Twitter分享按钮没有问题但是现在Google+让我发疯了,无论我把这些代码放在我的页面上(使用Bootstrap网格),我得到一个2-3像素的右边创建一个水平滚动条:

<div class="g-plus" data-action="share" data-align="left" data-annotation="none"></div>

在页面底部添加脚本代码:

<script src="https://apis.google.com/js/platform.js" async defer>{lang: 'fr'}</script>

知道怎么解决吗?我试图将我的div放在另一个具有固定宽度的div和类似的东西但没有效果,脚本正在替换div并强制所有css无论我的尝试...我不知道什么是替换原来的div以及如何处理它。

我有点迷失在这里,欢迎帮助,谢谢。

3 个答案:

答案 0 :(得分:2)

我有类似的问题,这对我有用:

iframe[id^="oauth2relay"]{
    display: none!important;
}

取自本教程:https://www.youtube.com/watch?v=4vYfnZ_XB8M

答案 1 :(得分:0)

尝试检查按钮,找出哪个元素有滚动条并在其上添加此CSS。

溢出:可见;

答案 2 :(得分:0)

这解决了我的问题

iframe[id^="oauth2relay"] { position: fixed !important; }

G +按钮添加了iframe。