歡迎大家先來看看我的水平居中篇: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í)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運(yùn),軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計(jì)培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式