设置元素为table-cell，然后table-cell里面的元素就是居中的了;如果son是块级元素，那么垂直居中是生效的，水平居中不生效，如果是行内元素，都生效
<body>
<div class="box">
<div class="son">1232</div>
</div>
</body>
</html>
<style>
.box {
width: 300px;
height: 300px;
display: table-cell;
background: red;
vertical-align: middle;
text-align: center;
}
.son {
display: inline-block;
width: 100px;
height: 100px;
background: blue;
}
</style>
