歡迎大家先來(lái)看看我的水平居中篇：http://www.cnblogs.com/cuncunjun/p/6549955.html
首先要清楚一個(gè)問(wèn)題，什么時(shí)候你會(huì)要設(shè)置垂直居中？大家不要被各種例子弄暈頭，靜下心來(lái)想一想！
? 一個(gè)父元素，如果不設(shè)置高度的話，默認(rèn)就是緊包著子元素，如果你的padding-top和padding-bottom是相等，那么這本身就是一個(gè)垂直居中的效果?。。。。?/strong>
? 當(dāng)然，如果你的子元素并不獨(dú)占一行，而是行內(nèi)元素和inline-block元素的話就不一樣了。比如下面這個(gè)例子：
<div id="container"> <span>aaaaaaaaaaaa我我我</span> <img src="1.jpg" width="100px"/><img src="1.jpg" width="120px"/></div>
這涉及到一個(gè)知識(shí)點(diǎn)，就是line-box原理。詳情可見(jiàn)張?chǎng)涡窭蠋煹牟┛停?nbsp;
網(wǎng)友評(píng)論
