在CSS中，除了常見的像素和百分比這些長度單位，還有一種不太常用但是也很有用的單位——ex。

ex的含義是字體“x”的高度。這有什么用呢？當我們需要根據文字的大小來確定一些元素的尺寸時，ex比像素單位更具有可擴展性和靈活性。

舉個例子，假如我們有一段文字，它的字體大小是20像素，我們想要實現這樣一個效果：把一個√圖標放在文字的左側，而且它們的垂直對齊。由于字體大小是20像素，字體“x”的高度假設為16像素，那么我們可以在樣式表中這樣寫：

span {
font-size: 20px;
line-height: 1.2;
padding-left: 0.8ex;
}
.icon {
font-size: 2ex;
vertical-align: middle;
}

上面的代碼中，padding-left: 0.8ex;可以讓圖標跟文字有一定的間距，同時也保證了它們的垂直對齊。因為我們使用的是ex單位，所以這種效果可以在不同的設備上得到相同的呈現。

需要注意的是，ex單位跟當前元素的字體大小有關系。如果當前元素的字體大小發生了改變，那么ex的值也會相應地變化。這個特性可能對我們來說有時候不是很方便，但也為我們提供了一種更靈活的方法來定位和調整元素的尺寸。