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