CSS实现垂直居中（三）

在这之前，已经写了两篇关于垂直居中的实现方法，但是由于涉及到的情况各不相同。采用的方法也不一样，今天，另外介绍一种简单的通过CSS实现不同大小浏览器窗口垂直居中的方法。

关键代码：

        #popup img{
            max-width: 100%;
            max-height: 100%;
            /*以下三行实现垂直居中*/
margin: auto;  
position: absolute;  
top: 0; left: 0; bottom: 0; right: 0; 
/*以上三行实现垂直居中*/
        }

相关链接：

CSS垂直居中实现（一）

CSS垂直居中实现（二）

效果图：