html - 居中对齐宽度和高度未知的 div 的最佳方法？

Question

假设我的页面上有一个 div:

<div class="center"></div>

我的 CSS 看起来像这样:

.center{
    background:red;
    position:absolute;
    left:50%;
    top:50%;
    margin-left: ?
    margin-top: ?
}

正如您在上面看到的，我唯一需要知道的是如何设置 margin-left 和 margin-top 值。如果我知道 .center div 的宽度和高度(比如每个 300px)，我会设置 margin-left 和 margin-top值为该值的一半(均为 -150px)

但我的问题是，如果 .center div 的宽度/高度未知(或者说它是动态的)，我该如何设置这些值？

我可以使用某种 CSS 表达式吗？或者它是否具有跨浏览器限制？执行此操作的最佳方法是什么？

Answer 1

此模式的最简单版本。

 .center-block
 {     
      margin: 0 auto
 }