将Share按钮和Like按钮放在同一行上

时间:2014-02-21 23:38:08

标签: html css html5 css3

我正在尝试将我的Facebook分享按钮用于与我的页面上的FB类按钮位于同一行的WP帖子。

这是我正在使用的代码,但是Like按钮出现在共享按钮的正下方,即使它们位于同一行。我在FireFox的检查员中验证了其中任何一个都没有宽度会强迫他们进入新线路。

任何想法都表示赞赏。谢谢! (括号是我的插件的短代码,不允许我使用php硬代码)

[ultimatesocial_facebook]<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com%2MySite&amp;width&amp;layout=button&amp;action=like&amp;show_faces=true&amp;share=false&amp;height=80&amp;appId=XXXXXXXXXXXXX scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:20px;" allowTransparency="true"></iframe>

1 个答案:

答案 0 :(得分:1)

这有点难以说,但我猜测iframe被视为block元素,而不是inline。也许您可以尝试将display: inline;display: inline-block;添加到正在应用的CSS中(您可以将其放入style属性中)。