中心div显示在页面顶部

Question

我有一个以模态方式显示在页面顶部的div。我不确定的是如何从左到右居中。

这是我的CSS。我知道剩下的0;需要改变但不确定如何。

.adminBack {
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 999;
    width: 1298px;
    margin-left: 649px;
    margin-top: 100px;
    padding: 5px 0px;   
}

Answer 1

尝试一些新的CSS：

.adminBack {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    width: 1298px;
    height: 590px;
    margin-left: -649px; /*   Minus half of element width*    */
    margin-top: -300px;  /*   Minus half of element height*   */
    padding: 5px 0px;
}

/*
     *includes padding and borders.
*/

Demo | Fullscreen