vertical-align超级详细简单易懂

行内级元素垂直对齐方式 必知的概念 中线、基线、顶线、底线 中线（middle）、基线（baseline）、顶线（text-top、底线（text-bottom））是文本的几个基本线，其对应位置如下图： 基线（base line）：小写英文字母`x`的下端沿。 中线（middle line）：小写英文字母`x`的中间。 顶线（text-top）：父元素 font-size 大小所组成的一个内容区域

>>阅读原文<<