垂直居中的一个方案

转自张鑫旭博客的一个比较好的垂直居中方案，（ie8不兼容，没测试过，目前项目兼容ie9+）

思路很简单，就是下边这样简单的代码就可以垂直居中了，不需要改变文档结构；

<pre name="code" class="html"> <div class="e-pic"><img src=""></div>

.e-pic {
    width: 420px;
    height: 299px;
    line-height: 299px;
    border-right: 1px #ffb300 solid;
    text-align: center;
    float: left;

    vertical-align: middle;
}

.e-pic:after {
    content: ' ';
    vertical-align: middle;
}

.e-pic img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}