1. <img>元素默认情况下底部会有空白的解决办法？ 1）img { display:block; } 2）img { vertical-align:top/bottom/middle; }（参考：https://www.zhihu.com/question/21558138）
2.垂直居中简单的解决方法：如果一个容器中只有一行文字，对它实现居中相对比较简单，我们只需要设置它的实际高度height和所在行的高度line-height相等即可。多行未知高度文字的垂直居中：它的高度是可变的那么，设定Padding，使上下的padding值相同即可。
原文：http://www.cnblogs.com/pemp/p/6350286.html