如何使用CSS在其他内容和网页中心显示div？

Question

如何在其他网页内容上显示div？此div必须垂直和水平居中，如下例所示：

我试过了：

<div style = "position: absolute; top: 50%; left: 50%;">DIV content</div>

在此示例中，只有左角居中而不是div。

Answer 1

以下情况应该有效。

div{
    position:fixed;
    width:500px;
    height:600px;
    margin:-300px auto auto -250px;
    top:50%;
    left:50%;
    text-align:center;
}

-300像素和 -250像素分别是div高度/宽度的负半部。

可能有一种更好的方法可以做到这一点，但这是我用了一段时间的方法。