CSS中的line-hight屬性是用來控制文本行之間的空隙的。它一般情況下沒有單位的設定(如:line-height:1.4;)所以這是一個按字體尺寸的比例來計算。這對印刷版來說是一個很重要的屬性。線條過低就會擠在一起,線條過高就會相距甚遠,這兩種情況都會降低可讀性。不過你可能已經知道了這一點。
本文中,我們將把注意力放在一些設計上。如果你知道(或可以計算出)的line-height的精確值,你可以做一些奇妙的東西!
每行文本設置不同顏色
很遺憾這里沒有::nth-line(),我們直接使用<span>是不可靠的,因為會有很多不同的事情導致文本在不同的地方被打亂。
盡管是非標準的,但這里還有一種用法就是使用一個元素的背景作為文字的背景。
新聞熱點
疑難解答