右键对齐Facebook就像按钮一样

Question

我可以在我的网站上放置类似Facebook的按钮，但是如何让它在div / iframe内正确对齐？

我尝试应用各种CSS属性，但我无法在iframe中移动任何内容。

Answer 1

我认为这个链接也有帮助： http://shades-of-orange.com/post/2011/01/09/Embed-Facebook-Like-Button-e28093-Right-Align-with-css-and-Settings.aspx

它表示将宽度设置为“0”。然后该框将由Facebook自动调整，您可以将浮动权应用于该框。

Answer 2

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

text-align: right

对于包含该iframe的div，或者将iframe浮动到右侧，但只需确保之后清除浮动。

示例：http://jsfiddle.net/Mujj6/3/
并且：http://jsfiddle.net/Mujj6/5/

Answer 3

Embed Facebook Like button – Right align with CSS and settings 中描述的内容有效。但是，在我的网站上，我不得不将风格改为

position:relative; right:-130px;

Answer 4

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

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

到目前为止，这一点更加可靠：

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

Answer 5

好像有很多方法可以在不同的情况下实现这一点。

上述所有内容似乎都没有对我的“喜欢”按钮的位置产生任何影响，但是对于“ margin-left ”标记进行了一些试验和错误，我在右侧得到了它的地方。

Answer 6

使用DIV很容易：

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

也发布在SimpleMediaCode.info（http://e-art.lv/x/fbas）

上

Answer 7

'like'社交插件似乎改变了iframe中的样式。在下一页上，阻止“喜欢”向右流动的最佳方法是什么？

[http://www.biographile.com/the-righteousness-and-ruin-of-science-on-this-week-in-history/16573/] [1]