vertical-align: middle;
垂直居中的实现方法
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
body,html{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
text-align: center;
}
.aa{
width: 100px;
height: 100px;
background: #7FFFD4;
vertical-align: middle;
display: inline-block;
}
/*父级加after才有用*/
body:after{
content: "";
display: inline-block;
width: 100px;
height: 100%;
vertical-align: middle;
}
</style>
</head>
<body>
<div class="aa"></div>
</body>
</html>