欢迎大家先来看看我的水平居中篇：http://www.cnblogs.com/cuncunjun/p/6549955.html
首先要清楚一个问题，什么时候你会要设置垂直居中？大家不要被各种例子弄晕头，静下心来想一想！
? 一个父元素，如果不设置高度的话，默认就是紧包着子元素，如果你的padding-top和padding-bottom是相等，那么这本身就是一个垂直居中的效果！！！！！
? 当然，如果你的子元素并不独占一行，而是行内元素和inline-block元素的话就不一样了。比如下面这个例子：
<div id="container"> <span>aaaaaaaaaaaa我我我</span> <img src="1.jpg" width="100px"/><img src="1.jpg" width="120px"/></div>
这涉及到一个知识点，就是line-box原理。详情可见张鑫旭老师的博客：
延伸阅读
学习是年轻人改变自己的最好方式