Question

我这里有一个带有Facebook推荐按钮的div。

http://www.comehike.com/hiking.php

我把这个造型围绕着Facebook代码

        <div style="align:center">
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#appId=217585988283772&amp;xfbml=1"></script>
<fb:like href="" send="true" width="450" show_faces="false" action="recommend" font=""></fb:like>
        </div>

但它没有与该div的中间对齐。关于如何让它居中对齐的任何想法？

Answer 1

您对齐的是它生成的iframe而不是此标记：

使用firebug或督察查看Dom，你会看到我在说什么

更新：

设置父元素的样式会更容易，例如包含div：

<div class="style-me">
<script src="http://connect.facebook.net/en_US/all.js#appId=217585988283772&amp;xfbml=1"></script>
<fb:like href="" send="true" width="450" show_faces="false" action="recommend" font=""></fb:like>
</div>

CSS：

.style-me {
   ...rules
}

Answer 2

div是块级元素，因此您可以将左右边距设置为auto，并使其宽度小于其父级：

.style-me {
  margin: 0 auto 0 auto;
  width: 450px;
}

将div和iframe上的450更改为您需要的任何内容。我不确定你要去的最终结果。

样式无助于对齐Facebook按钮

2 个答案: