将“赞”按钮浮动到右侧

Question

我的问题基本上是here。考虑到按钮的宽度会根据语言（以及喜欢的数量）而有所不同，我需要将FB Like按钮向右浮动。

虽然操纵属于不同域的iframe中的元素是不可能的，但我仍然想知道是否有一些奇特的方法可以对它做些什么。我无法相信没有办法将一个该死的按钮向右移动。

Answer 1

给按钮一个包装。

<div id="likeWrapper">

</div>

<style>
#likeWrapper{
   float:right;
}
</style>

Answer 2

只需将实际的iframe浮动到右侧。

Answer 3

我相信你不能仅仅通过html和css来做到这一点，因为按钮的固定宽度，你总是需要在右边有一些额外的空间，即使你将按钮浮动到右边。

有一个快速的黑客攻击，但它只适用于一种特定的语言 -

.like{
  position: absolute;
  float:right;
  right: -20px; /*change this to fit your layout */
}

但是你看到了这个问题：如果使用另一种语言的类似按钮更长，它将超出你的布局。

所以我们可以通过javascript（jQuery）来完成它，比如首先是类似按钮的getWidth，然后按所需的像素数量向右移动它。我无法帮助你使用确切的代码，我对jQuery很生疏，但这是基本的想法：显示按钮的宽度，然后用jQuery改变右边：css属性以匹配你的布局。