将html元素置于其包含元素的中心的最佳方式是什么？

假设您有以下代码块：

<div id="container">
  <someelement>This is any element.</someelement>
</div>

这是任何元素。

我可以使用什么样的CSS在其包含的div中水平居中放置“someelement”？

试试看

<someelement style="margin-left:auto;margin-right:auto">This is any element</someelement>

这是任何元素

JaredPar的想法是正确的，但这里有一个更简洁的方法来完成您所寻找的工作；）

如果您的

是一个内联元素（即默认显示：inline），则将文本对齐：居中应用于其容器。如果

是块元素，请将左右边距设置为“自动”，并记住设置宽度（块元素默认采用所有可用的水平空间，除非明确说明宽度）。

---

如果你想让它也在IE 5.5及以下版本中工作，你可能必须同时使用这两种方法。

为什么是0自动与自动？不是CSS爱好者，所以显而易见的答案可能是：0 auto比单独使用左边距/右边距更干净。从功能上讲，它们是一样的（至少，我99%肯定它们是一样的）。0表示上下页边距，自动表示左右页边距

#container {
    text-align: center;
}

#container someelement {
    margin: 0 auto;
    text-align: left;
}