在另一个div内垂直对中一个div

Question

在另一个div内垂直对中一个div

我想在另一个div中添加一个div。

<div id="outerDiv">
    <div id="innerDiv">
    </div></div>

这是我目前使用的CSS。

    #outerDiv{
        width: 500px;
        height: 500px;
        position:relative;
    }

    #innerDiv{
        width: 284px;
        height: 290px;
        position:absolute;
        top: 50%;
        left:50%;
        margin-top: -147px;
        margin-left: -144px;
    }

如您所见，我现在使用的方法取决于innerDiv如果宽度/高度发生变化，则必须修改margin-top和margin-left值。是否有任何通用解决方案可用于将innerDiv总是不管它的大小？

我想出了用margin:auto可以横向地把内部划分到中间，但是垂直的中间部分呢？

Answer 1

实现这一水平和垂直中心的另一种方法是：.Absolute-Center {   margin: auto;   position: absolute;   top: 0; left: 0; bottom: 0; right: 0;}(参照系)