html - 将 div 对齐到页面中心，而它的位置是绝对的？

Question

当 position 为 absolute 时，如何将 DIV align 到我页面的中心？如果可能不使用javascript。

Answer 1

UPDATE: This is an old answer and the answer currently just below this gives a nicer solution which works even if your div has dynamic width. Another alternative, using margin: auto, can be found here, on a different, but related, question.

如果您知道要居中的 DIV 的宽度，您可以执行此操作。

CSS:

div
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 300px;
    margin-top: -150px;
    margin-left: -200px;
}

您将左上角放在中心，然后使用宽度的一半的负边距将其居中。