一些属性解释。
几个自己认为常用到的属性
baseline:默认
数值，px 百分比等是元素相对于基线偏移值，负数为向下偏移，正数为向上；
text-top:把用vertical属性元素的顶端与父元素中的文字顶端对齐；
text-bottom：把用vertical属性元素的底端与父元素中的文字底端对齐；
这里说的父元素中的文字底\顶端也包含了在父元素中的其他同级子元素的文字，比如parent 这个DIV中包含了A--采用vertical-align的元素和B，B元素中有段文字。
那么text-bottom、text-top就是对齐的这段文字
top：把用vertical属性元素的顶端与父元素中的line-box顶端对齐；
bottom：把用vertical属性元素的底端与父元素中的line-box底端对齐；
line-box指的是这个元素的content。content高度为其内容撑起来的高度或则是直接设定其值的高度。
换言之,top的意思就是把元素的顶端与最高的同级子元素的顶端对齐
bottom就是content的底端对齐；
vertical-align 笔记,布布扣,bubuko.com
原文：http://www.cnblogs.com/strangerqt/p/3706369.html