求灵活布局写法

Question

案列1：
<div style="width:100%;height:500px">
    文本内容
</div>

案列2：
<div style="width:200px;height:100px;position:absolute;top:50%;left:50%;margin-top:-100px;margin-left:-100px">
文本内容
</div>

求解：将文字横纵居中（要保证正常换行，所以不能使用line-height）

Answer 1

水平居中：text-align: center;

垂直居中：

div {
    display: table-cell;
    vertical-align: middle;
}

Answer 2

这儿有一套居中的方法和demo。

Answer 3

参考案例吧