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

Question

假设你有下面的代码块：

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

什么是我可以其包含分区中使用水平居中“someelement”最好的CSS？

Answer 1

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

Answer 2

尝试

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

Answer 3

JaredPar看法是正确的，但这里有一个更清洁的方式做你在找什么;）

#container { 
    text-align: center; 
} 

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