22

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

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

4

7 回答 7

14

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

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

于 2012-03-12T15:51:47.720 回答
3

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

text-align: right

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

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

于 2010-11-07T16:21:56.353 回答
1

嵌入 Facebook Like 按钮中描述的内容- 与 CSS 和设置右对齐有效。但是，在我的网站中，我不得不将样式更改为

position:relative; right:-130px;
于 2011-08-29T15:00:11.370 回答
1

感谢大家的意见。位置相对技巧并不总是对我有用：

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

到目前为止，这更可靠：

#fb-root{
    position:absolute;
    left:-1000%;
}
于 2012-09-06T09:39:21.327 回答
1

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

以上似乎都没有对我的“喜欢”按钮的位置产生任何影响，但是使用“ margin-left ”标签进行了一些试验和错误，我把它放在了正确的位置。

于 2012-11-21T13:44:07.383 回答
0

使用 DIV 很容易：

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

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

于 2011-12-08T10:21:51.540 回答
0

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

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

于 2013-04-24T14:54:06.907 回答