javascript - 如何在 Facebook 垂直分享按钮旁边插入横幅

Question

为了使用我页面上的所有可用空间，我需要你的帮助来重新定位 FB 分享按钮下方的添加横幅，我希望它就在它旁边(分享，右边的细横幅)。我猜它应该可以通过 CSS 解决，但我不太擅长。谢谢。

我想得到这个: [分享]>[横幅]

代替:

[分享]

[横幅]

http://pretesti.ge/testtesttest/我的页面链接

Answer 1

据我所见，横幅在顶部，共享在底部。要使它们在同一行，您可以使用 CSS。我访问了您的网站并查看了代码。在我们开始重新排列之前，有一个 <p></p>在横幅和分享按钮之间编写代码。那需要删除。那么你的 html 代码应该类似于这样:

<div class="share-banner">
<div>Facebook stuff goes here</div>
<img alt="banner" src="http://pretesti.ge/wp-content/uploads/2013/12/baner560x60.png">
</div>

现在，您需要添加一些 CSS:

.share-banner {
display: table; 
}

.share-banner img {
display: table;
float: left:
}

.fb_iframe_widget {
display: table;
float: left;
}