如何将对象与页面中心对齐？

Question

我已尝试将网页中的对象与以下 CSS 对齐，但对象未位于中心。我该怎么办？

left:50%;
margin-left:-25%;

Answer 1

你能试试这个吗？它工作正常

适用于：Internet Explorer - Google Chrome - Safari - Mozilla

<!-- Div content -->
<div style="margin:0 auto;text-align:center">

      <!-- Div align in the middle -->
      <div style="margin-left:auto;margin-right:auto;text-align:center">
            <p>Hello my text is in the middle :-) </p>
      </div>

</div>

Answer 2

对象的父元素（它们的容器）必须设置为position:relative

对象本身应设置为position:absolute，left:50%，margin-left负值（以像素为单位），即对象值的一半。

或者，您也可以尝试简单地将父元素设置为具有 text-align:center 并为对象本身指定“margin:0 auto;”