html - 控制 Facebook Like 按钮的水平定位

Question

我一直难以定位 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;


}

Answer 1

FB 脚本正在插入代码作为元素 fb-root 的子元素。任何你想用来定位元素的 CSS 都应该应用于 fb-root。这样就不需要 table 了。