html - 将元素居中放置在页面的死点

Question

我试图在页面的死 Angular 放置一些大文本。我只想要(更喜欢)页面中的 body 标签，别无其他。我试过使用 display: table-cell 并将 vertical-alignment 设置为 middle 但这不适用于 height : 100%

然后我在 stackoverflow 上发现了另一个问题，它解决了这个问题，但我意识到它不适用于更大的字体。这是我目前所拥有的:http://jsfiddle.net/aECYS/

Answer 1

根据指定的宽度和高度将 div 推到顶部和左侧。

CSS

 body{ background-color: #000;}
    div{
        background-color: #000;
        width:800px; 
        height: 200px; line-height: 200px;
        position: absolute;
        top: 50%; margin-top:-100px;
        left: 50%; margin-left:-400px;
        font-weight: bold;
        font-size: 100px;
        text-transform: uppercase;
        color: #ccc; text-align:center
    }​

DEMO