table{
    position:absolute;
    height:100%;
}

<table>
    <tbody>
        <tr>
            <td>
                <div><img src="http://img1.sycdn.imooc.com//54ffac56000169c001840181.jpg" title="害羞的小女生"/></div>
            </td>
        </tr>
    </tbody>
</table>

从垂直方向看在垂直方向的中间，而不是显示器的正中间是吧？？？

就是不论浏览器的大小（size）如何变化，元素永远是在浏览器的垂直居中显示，明白了吗