正确对齐Facebook喜欢按钮

Question

我能够在我的网站上放置一个类似Facebook的按钮，但是如何使其正确地对齐 div/iframe 它在吗？

我尝试应用各种CSS属性，但我无法在iFrame中移动任何东西。

Answer 1

iframe 是一个内联元素，您可以使用

text-align: right

对于包含iframe的DIV，或将iframe浮动到右侧，但只需确保之后清除浮子即可。

样本： http://jsfiddle.net/mujj6/3/
和： http://jsfiddle.net/mujj6/5/

Answer 2

我认为此链接也可以帮助：http://shades-of-orange.com/post/2011/01/09/embed-facebook-like-button-e28093-right-alight-align-align-with-css-and-settings.aspx

它说将宽度设置为“ 0”。然后，该框将通过Facebook自动自动，您可以直接将浮子应用到该框。

Answer 3

似乎有很多方法可以在不同的情况下实现这一目标。

以上似乎都没有对我的“喜欢”按钮的位置有任何影响，但是有些反复试验和错误。边缘左“标签，我在正确的位置得到了它。

Answer 4

感谢大家的投入。位置相对技巧并不总是为我做：

div.around-fb-like{
    position:relative;
    float:right;
}

到目前为止，这更可靠：

#fb-root{
    position:absolute;
    left:-1000%;
}

Answer 5

所描述的 嵌入Facebook之类的按钮 - 右与CSS和设置保持一致 作品。但是，在我的网站上，我必须将风格更改为

position:relative; right:-130px;

Answer 6

“像”社交插件似乎在iframe中更改了样式。在下一页上，防止“像”流动的最佳方法是什么？

http://www.biographile.com/the-righteousness-and-ruin-science-on-this-this-inis-nesterory/16573/] [1

Answer 7

与Div一起很容易：

.fb-like{ vertical-align:top;}

也发布在simplemediacode.info上（ http://e-art.lv/x/fbas )