[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; } ```