我的问题基本上是描述here。考虑到按钮的宽度会根据语言(和喜欢的数量)而变化,我需要将FB Like按钮向右浮动。
虽然不可能操纵属于不同领域的iframe
中的元素,但我仍然想知道是否有一些奇特的方法可以对它做些什么。我无法相信没有办法将一个该死的Like按钮向右移动。
给按钮一个包装。
<div id="likeWrapper">
</div>
<style>
#likeWrapper{
float:right;
}
</style>
我相信你不能仅仅通过html和css来做到这一点,因为按钮的固定宽度,你总是需要在右边有一些额外的空间,即使你将按钮向右浮动也是如此。
有一个快速的脏黑客,但它只适用于一种特定的语言 -
.like{
position: absolute;
float:right;
right: -20px; /*change this to fit your layout */
}
但是你看到了这个问题:如果类似按钮在另一种语言中更长,它将超出你的布局。
所以我们可以通过javascript(jQuery)来完成它,比如首先是类似按钮的getWidth,然后按所需的像素数量向右移动它。我无法帮助你使用确切的代码,我对jQuery很生疏,但这是基本的想法:显示按钮的宽度,然后用jQuery改变右边:css属性以匹配你的布局。
只需将实际的iframe浮动到右侧即可。