Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 控制Facebook类按钮的水平定位_Html_Css_Facebook Like - Fatal编程技术网

Html 控制Facebook类按钮的水平定位

Html 控制Facebook类按钮的水平定位,html,css,facebook-like,Html,Css,Facebook Like,我一直很难定位一个类似Facebook的发送按钮组合。我终于能够控制垂直定位使用表和CSS。下面是代码和CSS。现在,我无法控制水平定位。无论我做什么,Like按钮距离浏览器左侧大约7像素。即使我在Facebook代码前的一栏中添加了一些,Like按钮距离屏幕左侧仅7像素。下面是我使用的代码和CSS,它们不会改变Facebook Like和Send按钮的水平位置 你知道我怎么能把Facebook的Like&Send按钮从屏幕左侧移动100像素吗 提前感谢, 约翰 守则: <table cl

我一直很难定位一个类似Facebook的发送按钮组合。我终于能够控制垂直定位使用表和CSS。下面是代码和CSS。现在,我无法控制水平定位。无论我做什么,Like按钮距离浏览器左侧大约7像素。即使我在Facebook代码前的一栏中添加了一些
,Like按钮距离屏幕左侧仅7像素。下面是我使用的代码和CSS,它们不会改变Facebook Like和Send按钮的水平位置

你知道我怎么能把Facebook的Like&Send按钮从屏幕左侧移动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>

FB脚本作为元素FB root的子元素插入代码。要用于定位元素的任何CSS都应应用于fb根。这样就不需要表格了。

把空的#fb root div标签和closing标签直接放在你的body标签后面

然后将脚本包装在您选择的div和class中,并使用您喜欢的样式

<body>
  <div id="fb-root">
  </div>
    <div id="wrapper">
       <div id="socialMedia">
             <-- fb button script -->
        </div>
    </div>
 </body>

我试过了,但没用。你有我们可以查看的链接吗?你是如何定位潜水艇的?
<body>
  <div id="fb-root">
  </div>
    <div id="wrapper">
       <div id="socialMedia">
             <-- fb button script -->
        </div>
    </div>
 </body>