我一直难以定位 Facebook 点赞和发送按钮组合。我终于能够使用表格和 CSS 来控制垂直定位。代码和 CSS 如下。现在,我无法控制水平定位。无论我做什么,“赞”按钮距离浏览器左侧大约 7 像素。即使我在 Facebook 代码之前的列中放置了一些  
,Like 按钮距离屏幕左侧也只有 7 个像素。我正在使用的代码和 CSS 如下,它们不会改变 Facebook Like 和 Send 按钮的水平定位。
知道如何将 Facebook 点赞和发送按钮从屏幕左侧移动 100 像素吗?
提前致谢
约翰
代码:
<table class="like">
<tr>
<td>
</td>
<td>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'your app id', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>
</td>
</tr>
</table>
CSS:
table.like {
margin-top: 140px;
margin-left: 50px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 14px;
color: #000000;
width: 450px;
table-layout:fixed;
background-color: #FFFFFF;
border: 2px #FFFFFF;
border-collapse: collapse;
border-spacing: 0px;
padding: 0px;
text-decoration: none;
vertical-align: text-bottom;
}
table.like td {
border: 0px solid #fff;
text-align: left;
height: 10px;
width:100px;
}
最佳答案
FB 脚本正在插入代码作为元素 fb-root 的子元素。任何你想用来定位元素的 CSS 都应该应用于 fb-root。这样就不需要 table 了。
关于html - 控制 Facebook Like 按钮的水平定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5877030/