CSS中的文本屬性非常豐富,其中定義行高的屬性是行間距,又稱行高(line-height)。我們可以使用 line-height 屬性來設置一行文本的高度,這個屬性可以設置一個相對高度,也可以設置一個絕對高度。一般情況下,我們將它設置為相對于字體大小的百分比或em單位,這樣會更靈活一點。
p { font-size: 16px; line-height: 1.5; }
上述代碼中,我們將 p 標簽的字體大小設置為 16px,行高設置為 1.5 倍字體大小。這意味著每一行文本的高度將是 24px。如果一行中存在多個行內元素,每個元素在默認情況下的上下邊距會導致文本看起來散亂無序。但是,我們可以通過將其行高調整為一個固定值來消除這種情況。
p { font-size: 16px; line-height: 24px; }
上面的代碼中,我們將 p 標簽的行高設置為一個固定值 24px。這樣每行文本都將占據一個固定的高度,不管其中有多少個行內元素。
除了在樣式表中設置行高,我們還可以在HTML標簽中設置行高屬性。下面這個例子展示了如何在HTML中設置行高:
這段文字設置了一個行高 1.5 倍字體大小
通過這篇文章,我們了解了如何使用CSS中行高屬性來定義文本的行高,不管是將它設置為相對高度,還是將它設置為絕對高度,這個屬性非常有用,可以幫助我們更好地控制文本的呈現效果。
上一篇css文本框左右間距
下一篇css文本換行對齊