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的实际应用