歡迎大家先來看看我的水平居中篇：http://www.cnblogs.com/cuncunjun/p/6549955.html
首先要清楚一個問題，什么時候你會要設(shè)置垂直居中？大家不要被各種例子弄暈頭，靜下心來想一想！
? 一個父元素，如果不設(shè)置高度的話，默認就是緊包著子元素，如果你的padding-top和padding-bottom是相等，那么這本身就是一個垂直居中的效果?。。。?！
? 當然，如果你的子元素并不獨占一行，而是行內(nèi)元素和inline-block元素的話就不一樣了。比如下面這個例子：
<div id="container"> <span>aaaaaaaaaaaa我我我</span> <img src="1.jpg" width="100px"/><img src="1.jpg" width="120px"/></div>
這涉及到一個知識點，就是line-box原理。詳情可見張鑫旭老師的博客：
延伸閱讀
學習是年輕人改變自己的最好方式