一、行高总结图
二、相关概念的理解
- 概念展示图
三、行盒高度
- 行盒的高度由其内容最高的一个决定。
- 如果都是纯
inline元素，则其高度由最高的line-height计算值决定；- 如果包括了
inline-block，则inline-block的margin（上下），border（上下），padding（上下），height都会影响整体行盒的高度
- 点击打开demo
四、行内级元素垂直对齐方式（vertical-align）
4.1 必知概念
4.2 vertical-align 取值
vertical-align作用于 行内元素。- 默认的对齐方式为
baseline，一般使用最多的就是middle，偶尔你还会看到使用像素来偏移。- 注意
text-top及text-bottom的对齐方式有点特别，不过实战中几乎不用。
4.3 demo
- 点击打开demo
五、应用
5.1 单行文字的垂直居中对齐
- 点击打开demo
