垂直居中的一个方案

转自张鑫旭博客的一个比较好的垂直居中方案，（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%;}