一、vertical-align

1-1 vertical-align基本概念

设置元素的垂直对齐方式。（默认值baseline，定义行内元素的基线相对于该元素所在行的基线的垂直对齐）

1-2 理解vertical-align

<div style="background-color:#e5edff;">
    <img src="mm1.jpg">
    <div style="display:inline-block,background-color:white;">zxx</div>
</div>
//图片下面有间隙，是因为vertical-align的默认对齐方式是baseline，也就是基线对齐

1-3 vertical-align使用

vertical-align适用于内联及 table-cell 元素，使用vertical-align:middle可以使得内联元素以中线对齐，从而达到垂直居中的效果

二、line-height

2-1 line-height基本概念

设置行间的距离，主要是负责一行的内联元素或者一行文字的垂直居中，如果要多行文字都垂直居中则可以使用vertical-align:middle

2-2 line-height继承问题

1.具体数值（子元素未设置具体行高数值，会自动继承父元素的行高），比如父元素行高30px，则子元素行高30px
2.比例(子元素未设置行高，父元素行高为1.5或2），比如父元素行高为1.5，那么子元素的行高就是子元素的font-size乘以1.5
3.百分比(子元素未设置行高，父元素行高为150%或200%），比如父元素行高为200%，那么子元素的行高就是父元素的font-size乘以200%