gpt4 book ai didi

css - 右对齐 Facebook 点赞按钮 iFrame 的内容?

转载 作者:技术小花猫 更新时间:2023-10-29 10:56:35 25 4
gpt4 key购买 nike

我需要右对齐 Facebook Like 按钮的内容,以便它们始终位于其设置“宽度”的乘车侧。我可以通过将表设置为 float: right; 在 Firebug 中执行此操作,但如果我在 CSS 中定义该值,它似乎不起作用。

用图片来解释我的问题: enter image description here

编辑:这是一个 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>

不幸的是,这不适用于标准布局,不知道为什么会如此不同。

关于css - 右对齐 Facebook 点赞按钮 iFrame 的内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7743036/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com