<html>
<head>
<title> </title>
</head>
<body>
<div style="background: red;width: 200px;height: 200px;display: table;">
<div style="display:table-cell;">啊实打实的</div>
</div>
</body>
</html>
父级一定添加display: table
子集添加display:table-cell
想要垂直居中添加vertical-align: middle;
原文：http://www.cnblogs.com/nns4/p/7286228.html