vertical-align:middle和overflow:hidden;

   如果想让一个div或一张图片相对于整个页面居中，用vertical-align:middle可以很简单地解决。

在设置了 width 或 height 的div中，写上overflow:hidden;的话，超出宽度或高度的部分，就隐藏了。
就是说，这个overflow:hidden;属性可以保证div的高度或宽度不变。
div里添加的东西再多，高度或宽度也不变。超出的部分隐藏。

转载于:https://www.cnblogs.com/summer-work/p/6498774.html