右键对齐Facebook like-button iFrame的内容？
Wal*_*ker 9 css facebook facebook-like
我需要右键对齐Facebook Like按钮的内容,以便它们总是坐在他们设置的"宽度"的骑行侧.我可以通过将表设置为float:right;来在Firebug中执行此操作,但如果我在CSS中定义该值,它似乎不起作用.
这是在图像中解释我的问题:
编辑:这是一个JSFiddle:http://jsfiddle.net/h66z3/2/
由于你使用的是button_count布局,我发现有一个小技巧似乎有效.基本上你只是等待插入iframe,然后将其宽度设置为0.然后它会自动调整大小到适当的大小.我不能在任何情况下和所有宽度上发誓这个作品,但请测试一下,看看它是否适合你.这是一个示例代码页:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script type='text/javascript'>
function loadcode(d, s, id)
{
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}
function init()
{
loadcode(document, 'script', 'facebook-jssdk');
setTimeout(initx, 10);
}
function initx()
{
likeframe=document.getElementById('d2').getElementsByTagName('iframe')[0];
if (likeframe) setTimeout(setwidth, 10);
else setTimeout(initx, 10);
}
function setwidth()
{
likeframe=document.getElementById('d2').getElementsByTagName('iframe')[0];
likeframe.style.width='0';
}
</script>
</head>
<body onload='init()' style='margin:10px 50px'>
<div id="fb-root"></div>
<div style='text-align:right'>Here is some right-aligned text to compare to.</div>
<div id='d2' style='float:right'>
<div class="fb-like" href="http://www.google.com" data-send="false" data-layout="button_count" data-width="90" data-show-faces="false"></div>
</div>
</body>
</html>
不幸的是,这不适用于标准布局,不确定为什么它如此不同.