vertical-align垂直居中

效果图

代码

<div class="mui-content">

<div class="ab">垂直居中</div>
<div class="b"></div>
</div>
<style type="text/css">
.mui-content{
background-color: white;
height: 400px;
}
.b {
display: inline-block;
vertical-align: middle;
height: 100%;
}

.ab {
font-size: 15px;
display: inline-block;
vertical-align: middle;
width: 98%;
}

</style>

我做这个的时候想了很久，后来参考了一些代码，觉得这样做相对来说是最方便了。

一个容器里面有2个块，一个内容为空垂直居中，另外一个相对居中