正文
CSS让文字在元素内绝对居中！！！【ie和谷歌】
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
html,body{height: 100%;padding: 0;margin: 0;font-family: "微软雅黑"}
.middle-box{display: table;height: 100%; padding: 0 10px;}
.middle-inner{display: table-cell; vertical-align:middle; text-indent: 2em;}
</style>
<!--[if lt IE 8]>
<style>
.middle-inner { position: absolute; top:50%;}
</style>
<![endif]-->
</head>
<body>
<div class="middle-box">
<div class="middle-inner">
这种方式既可以兼容谷歌又可以强上了IE
</div>
</div>
</body>
</html>
