CSS深刻理解之vertical-align

課程地址：https://www.imooc.com/learn/542

1、 vertical-align家族基本認識  

數字百分比：

兼容性問題：

2、 vertical-align起做用的前提

第二種：

絕對定位不支持

失效狀況：

經過行高控制垂直居中IE7及其以上都是支持的

方法1：

寫在list標籤上

方法2：

3、vertical-align與line-height之間的關係

方法1：

方法3：

p標籤給背景色，下方出了很大的空白

行高變0時，掉下來

4、vertical-align線類屬性值深刻理解

 

5、vertical-align文本類屬性值深刻理解

 

 

6、vertical-align上標下標類屬性值深刻理解

差異：多個</br>

圖片基線是底線

 

7、 vertical-align先後不一的做用機制

解決：

 

8、vertical-align的糟糕的兼容性

9、 vertical-align的實際應用