Html 如何将Facebook/G+/推特；例如；页面上的按钮？

我习惯于在页面上以内联方式放置“喜欢”按钮。基本上，按钮放置在

li

元素内

ul

中。到目前为止，这是可行的

按钮位于我的页面的页脚。问题是，当我希望它们居中时，它们会对齐到页面的左侧。我已经尝试了我能想到的一切，但似乎无法将它们水平居中

我已经建立了一个JSFIDLE。（你会注意到Bootstrap是一个依赖项。我的网站使用它，所以你的答案可以在必要时利用它，但不必如此。）

---

谢谢。

两件事；你为什么要让ul向左浮动？无论你做什么，这都会迫使元素向左移动。如果你将宽度设置为ul，我测试了350px，然后将左右边距设置为自动，你应该很好，居中。您还需要向ul添加一个“clearfix”div，以便版权保持在底部。请参见下面的我的代码：

HTML示例：

<ul>
    <li>.....<li>
    <li>.....</li>
    etc....
    <div class="clearfix"></div>
</ul>

CSS Clearfix：

.clearfix {
    clear:both;
}

---

所以，我所做的就是去掉ul上的浮动，为ul定义一个宽度，然后将自动边距设置为左右居中，然后使用clearfix使ul有一个受人尊重的垂直高度；你为什么要让ul向左浮动？无论你做什么，这都会迫使元素向左移动。如果你将宽度设置为ul，我测试了350px，然后将左右边距设置为自动，你应该很好，居中。您还需要向ul添加一个“clearfix”div，以便版权保持在底部。请参见下面的我的代码：

HTML示例：

<ul>
    <li>.....<li>
    <li>.....</li>
    etc....
    <div class="clearfix"></div>
</ul>

CSS Clearfix：

.clearfix {
    clear:both;
}

---

所以，我所做的就是去掉ul上的浮点数，为ul定义一个宽度，然后将自动边距左右设置为中心，然后使用clearfix使ul具有一个受人尊重的垂直高度。

去掉浮点数并将LI的显示属性更改为“内联块”就可以了

此外，需要对FacebookIframe内联样式进行一点修改，以调整高度，使所有内容都内联

---

去掉浮点数并将LI的显示属性更改为“inline block”就可以了

此外，需要对FacebookIframe内联样式进行一点修改，以调整高度，使所有内容都内联

---

通过将ul包装在容器div中，它可以使用边距：0 auto；把戏

一种方法是：

---

通过将ul包装在容器div中，它可以使用边距：0 auto；把戏

一种方法是：

---

您不能将

清除：两个
都添加到
的
中吗？因此，您不需要添加clearfix
。
中没有我可以看到的元素，而且在您可以用来正确清除浮动的位置上也没有一个元素。是的，你可以将clearfix添加到很多不同的地方，我更喜欢使用一个特定的clearfix元素，就像很多一样，紧跟需要清除的浮动元素之后，在关闭它的包装之前，因为有些浏览器处理它的方式不同，通过这种方式，你可以消除任何浏览器的怪癖。我明白了。谢谢你的回答！难道你不能在
内部的
中添加
清除：两个
？因此，您不需要添加clearfix
。
中没有我可以看到的元素，而且在您可以用来正确清除浮动的位置上也没有一个元素。是的，你可以将clearfix添加到很多不同的地方，我更喜欢使用一个特定的clearfix元素，就像很多一样，紧跟需要清除的浮动元素之后，在关闭它的包装之前，因为有些浏览器处理它的方式不同，通过这种方式，你可以消除任何浏览器的怪癖。我明白了。谢谢你的回答！