html - 样式无助于对齐 Facebook 按钮

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

div 是 block 级元素，因此您可以将其居中，将左右边距设置为 auto，并为其赋予小于其父元素的宽度:

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

将 div 和 iframe 上的 450 更改为您需要的任何值。我不确定您在这里想要的最终结果。