在其包含元素中居中html元素的最佳方法是什么？

Question

假设你有以下代码：

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

我可以使用什么最好的CSS来在其包含的div中水平居中“someelement”？

Answer 1

JaredPar有正确的想法，但这是一种更清洁的方式来做你想要的;）

#container {
    text-align: center;
}

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

Answer 2

如果您的<someelement>是内联元素（即默认为display：inline），则将text-align：center应用于其容器。如果<someelement>是块元素，则将左右边距设置为auto并记住设置宽度（块元素默认采用所有可用的水平空间，除非明确声明宽度）。 如果您希望它在IE 5.5及更低版本中工作，则可能必须使用这两种方法。

Answer 3

尝试

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