border可以实现等高布局就像margin+padding,父级容器不能使用。ver flow: hidden消除浮动影响.
1 .字母x
字母X的下边缘(线)是我们的基线.
ascender height:上下线高度。
cap height:大写字母高度。
median:中线。
descender height:下行线高度。
vertical-align:middle.这里的middle是中间的意思.但不是正中间.在CSS世界中，middle指的是幕线往上1/2x-height高度，也可以近似理解为字母x交叉点那个位置.因此，效果并不是绝对的垂直居中对齐，我们平常看到的middle效果只是一种近似效果.因为不同的字体在行内盒子中的位置姑不一样的.
ex是CSS中的1个相对单位，指的是小写字母x的高度.也就是指x - height .但是由于字母x受字体等CSS属性影响大，不稳定，因此ex不太适合用来限定元素的尺寸.可以实现不受字体和字号影响的内联元索的垂直居中对齐效果.
2 .内联元索的基石行高(line-height)<div>高度是由行高决定的，而非文字.纯内联元素的可视高度完全由line-height决定.行距=line-heighl - fonl-size.内容区域高度受 font-family 和 foni-size 双重影响.border 以及 line-heighi等传统CSS属性并没有小数像索的概念.如果标注的是文字上边距，则向下取整;如果是文字下边距，则向上取整.line-height不可以影响替换元索(如图片的高度).内联替换元素和内联非皆换元素在一起时的高度line-height只能决定批小高度.
1 .字母x
字母X的下边缘(线)是我们的基线.
ascender height:上下线高度。
cap height:大写字母高度。
median:中线。
descender height:下行线高度。
vertical-align:middle.这里的middle是中间的意思.但不是正中间.在CSS世界中，middle指的是幕线往上1/2x-height高度，也可以近似理解为字母x交叉点那个位置.因此，效果并不是绝对的垂直居中对齐，我们平常看到的middle效果只是一种近似效果.因为不同的字体在行内盒子中的位置姑不一样的.
ex是CSS中的1个相对单位，指的是小写字母x的高度.也就是指x - height .但是由于字母x受字体等CSS属性影响大，不稳定，因此ex不太适合用来限定元素的尺寸.可以实现不受字体和字号影响的内联元索的垂直居中对齐效果.
2 .内联元索的基石行高(line-height)<div>高度是由行高决定的，而非文字.纯内联元素的可视高度完全由line-height决定.行距=line-heighl - fonl-size.内容区域高度受 font-family 和 foni-size 双重影响.border 以及 line-heighi等传统CSS属性并没有小数像索的概念.如果标注的是文字上边距，则向下取整;如果是文字下边距，则向上取整.line-height不可以影响替换元索(如图片的高度).内联替换元素和内联非皆换元素在一起时的高度line-height只能决定批小高度.
