border 等高布局技术
元素边框高度总是和元素自身高度保持一致，因此可以巧妙地实现等高布局效果
局限性：1.由于 border 不支持百分比宽度，因此，适合至少一栏是定宽的布局
2. 等高布局的栏目有限制，因为一个元素的边框数目是有限的
基线
字母 x 的下边缘（线）就是我们的基线
x-height 指的就是小写字母 x 的高度，术语描述就是基线和等分线（mean line）（也称作中线，midline）之间的距离
vertical-align:middle，在CSS 世界中，middle 指的是基线往上1/2 x-height 高度。可以近似理解为字母 x 交叉点那个位置
vertical-align:middle 并不是绝对的垂直居中对齐，我们平常看到的
middle 效果只是一种近似效果。因为不同的字体在行内盒子中的位置是不一样的
ex 是 CSS 中的一个相对单位，指的是小写字母 x 的高度
用途：不受字体和字号影响的内联元素的垂直居中对齐效果
默认基线对齐，1ex则是一个x-height，而基线为x底部，所以天然垂直居中， 而且完全不受字体和字号的影响
内联元素的高度之本—line-height
div高度由line-height全权决定
内联元素的高度由固定高度和不固定高度组成，这个不固定的部分就是这里的“行距”。
是在 CSS 中，“行距”分散在当前文字的上方和下方，也就是即使是第一行文字，其上方也是有“行距”的，只不过这个“行距”的高度仅仅是完整“行距”高度的一半，因此，也被称为半行距
行距 = line-height - font-size
line-height不会影响替换元素的高度，只会影响空白节点的高度
<div>
<img src="1.jpg" height="128">
</div>
对于纯文本元素，line-height直接决定了最终的高度。但是，如果同时有替换元素，则line-height 的表现一下子弱了很多，只能决定最小高度
一是替换元素的高度不受 line-height 影响，二是 vertical-align属性的影响
对于块级元素，line-height通过影响其中的内联元素，反映在块级元素上
元素边框高度总是和元素自身高度保持一致，因此可以巧妙地实现等高布局效果
局限性：1.由于 border 不支持百分比宽度，因此，适合至少一栏是定宽的布局
2. 等高布局的栏目有限制，因为一个元素的边框数目是有限的
基线
字母 x 的下边缘（线）就是我们的基线
x-height 指的就是小写字母 x 的高度，术语描述就是基线和等分线（mean line）（也称作中线，midline）之间的距离
vertical-align:middle，在CSS 世界中，middle 指的是基线往上1/2 x-height 高度。可以近似理解为字母 x 交叉点那个位置
vertical-align:middle 并不是绝对的垂直居中对齐，我们平常看到的
middle 效果只是一种近似效果。因为不同的字体在行内盒子中的位置是不一样的
ex 是 CSS 中的一个相对单位，指的是小写字母 x 的高度
用途：不受字体和字号影响的内联元素的垂直居中对齐效果
默认基线对齐，1ex则是一个x-height，而基线为x底部，所以天然垂直居中， 而且完全不受字体和字号的影响
内联元素的高度之本—line-height
div高度由line-height全权决定
内联元素的高度由固定高度和不固定高度组成，这个不固定的部分就是这里的“行距”。
是在 CSS 中，“行距”分散在当前文字的上方和下方，也就是即使是第一行文字，其上方也是有“行距”的，只不过这个“行距”的高度仅仅是完整“行距”高度的一半，因此，也被称为半行距
行距 = line-height - font-size
line-height不会影响替换元素的高度，只会影响空白节点的高度
<div>
<img src="1.jpg" height="128">
</div>
对于纯文本元素，line-height直接决定了最终的高度。但是，如果同时有替换元素，则line-height 的表现一下子弱了很多，只能决定最小高度
一是替换元素的高度不受 line-height 影响，二是 vertical-align属性的影响
对于块级元素，line-height通过影响其中的内联元素，反映在块级元素上
