html - 将 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>是块元素，则将左右边距设置为自动并记住设置宽度（块元素默认占用所有可用的水平空间，除非明确说明宽度）。如果您希望它也可以在 IE 5.5 及更低版本中工作，您可能必须同时使用这两种方法。

Answer 3

尝试

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