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

Question

假设您有以下代码块：

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

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

Answer 1

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

#container {
    text-align: center;
}

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

Answer 2

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

Answer 3

尝试

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