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