[toc] ## pre   ## 字母X与CSS世界的基线 字母X的下边缘就是我们的基线 另外如果是中文，则是`character-box`的下边缘 如果是印度文，则有一种叫做悬挂基线的东东，其基线靠近文字顶部 ## x-height x-heigh指的是小写字母x的高度， 术语描述就是基线（x的下边缘）和等分线(mean line，也称作中线，median)之间的的距离。 >[warning]**注意：** vertical-align:middle中的middle并不是上文中说的中线，而是基线往上1/2 x-height的高度，也就是x字母的中心。 > >而由于基线到中线的那一部分区域基本上处于character-box的中心区域，故x字母的中心基本等于character-box的中心 ## ex 这里的ex是CSS中的的一个尺寸单位（同em、px什么的） 它是css中的一个相对单位，指的是小写字母x的高度， ### ex与垂直居中对齐 内联元素默认是基线对齐，而基线就是x的底部，而1ex就是一个x的高度。 ``` .icon-arrow{ display:inline-block; width:20px; height:1ex; background:url(arrow.png) no-reapeat center; } ```