Right align Facebook like button

我可以在我的网站上放置一个类似Facebook的按钮，但是如何使它在右侧对齐div/iframe？Right align Facebook like button

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

你可能想使用“float：right;”但是如果没有看到你有什么，很难说。请提供您的html/js代码。 – 2010-11-07 16:22:17

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

text-align: right

对于包含iframe的股利，或浮动的iframe的权利，但只要确保在事后收拾浮动。

2010-11-07 16:21:56

这很棒，谢谢！ – 2010-11-09 05:27:05

+12

这有一个问题，你必须设置宽度 - 你不知道盒子的宽度，因为文本总是不同的 – Jason 2011-06-23 02:05:02

'text-align：right'和'float：right'都不能解决问题右对齐像按钮应该有没有边缘的保证金。您需要设置宽度，该宽度是可变的，取决于按钮显示的语言。示例：http://jsfiddle.net/Mujj6/921/ – JimmyBlu 2011-07-22 13:18:41

什么是Embed Facebook Like button – Right align with CSS and settings作品描述。然而，在我的网站，我不得不将改变风格

position:relative; right:-130px;

2011-08-29 15:00:11 pallu

随着DIV很容易：

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

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

2011-12-08 10:21:51

它说，将宽度设置为“0”。然后，该框将通过Facebook自动调整大小，您可以将浮动权应用于该框。

2012-03-12 15:51:47

太棒了！这工作就像一个魅力 – Marc 2012-03-15 19:08:19

完美，这正是我所寻找的，把我带到这里。谢谢！ – CWSpear 2012-05-10 16:07:12

链接已经死了，这就是为什么复制和粘贴相关代码到答案中总是一个好主意。 – Soviut 2012-12-18 04:45:59

感谢大家的意见。位置相对招并不总是为我做：

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

到目前为止，已经有可靠：

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

2012-09-06 09:39:21 site

好像有很多方法可以实现在此的工作不同的情况。

以上都不是似乎对我的'喜欢'按钮的位置有任何区别，但是对“保留空间”标签的一点点试验和错误，我把它放在正确的地方。

2012-11-21 13:44:07

'喜欢'社交插件似乎改变了iframe中的样式。在下一页中，防止“喜欢”流出的最佳方式是什么？

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

2013-04-24 14:54:06

回答