css - 中心 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