css学习笔记之vertical-align

/* 只是记录下前端学习过程中的笔记 有错误 麻烦各位大佬一定指正啊 别让我这个渣渣 保留错误的想法 跪谢了 ：）

 先说好喔  新手看我的笔记大概会被我搞晕 我是按自己思路写的 网上有很多大佬好的总结 最好别太记忆我写的恶心巴拉的笔记 

 祝好运哦 

学习来源：              

http://www.zhangxinxu.com/                                                       

 */

老样子 来张神图 对照着看

先简单记录下 还没整理完全 深入理解 真的要花时间、

vertical-align只对inline和inline-block元素起作用  不可继承

vertical-align几种属性值：

1.baseline （默认值） ：元素基线与基准（line box中line-height最大的元素）的基线对齐

2.top：元素inline box顶端与line box的顶端对齐（inline box顶端就是行高顶端）

3.bottom：元素inline box底端与line box的底端对齐

4.text-top：元素inline box的顶端与文本行的top line（即内容区顶端）对齐

5.text-bottom：元素inline box的底端与文本行的bottom line（即内容区顶端）对齐

6.middle：图片的middle line与文本行的middle line对齐

7.百分数：是以line-height值为标准  IE6/IE7浏览器下的vertical-align的百分比值不支持小数line-height。