CSS属性探秘系列(四)：vertical-align

二、解读vertical-align属性

2. 属性取值概览：

baseline：元素与父元素的基线对齐。某些可替换元素，如textarea，使用此标签时，各浏览器的表现可能会有所不同。

sub：元素与父元素的下标基线对齐。

super：元素与父元素的上标基线对齐。

text-top：元素顶端与父元素字体的顶线对齐。

text-bottom：元素底端与父元素字体的底线对齐。

length：元素基线超过父元素的基线指定高度，可设置负值。

percentage：相对于line-height的百分比值。

middle：元素的中心与父元素的小写字母中心对齐，实现单元格垂直居中。

top/bottom：元素的顶端/底端与整行的顶端/底端对齐。值得注意的是，行内框和行框的概念在浏览器渲染模型中占据重要地位。内容区的概念则是指底线和顶线包裹的区域，实际中可能看不到，但确实存在。内容区的大小取决于font-size的值和字数变化。