在其包含元素中居中放置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; 
}