垂直和水平居中任何内容

是的,有一个黑客。将容器设置为 display: table; ,并在文本上,例如在p中,将其设置为 display: table-cell; vertical-align: middle; 。这将使其垂直对齐。

您可以将其与 text-align 和 padding 以水平居中。

http://jsfiddle.net/E9QF3/

我能想到的最好的方法是JavaScript在加载、调整大小甚至Ajax事件时通常计算高度。看看的来源 this ALA example.

#center_of_viewport {
    position: fixed; /* absolute also works */
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}