在CSS中,你可以使用line-height屬性來定義行高。 line-height是指一行文字的垂直高度,通常是以EM或PX為單位的數字。 如果你使用EM作為單位,行高將基于當前字體大小。
在大多數情況下,將行高設置為當前字體大小的1.5倍左右是很好的選擇。 例如,如果你正在使用14像素大小的字體,則將行高設置為21像素。 這使得文本更易于閱讀,因為文字之間的空間更大。
p { font-size: 14px; line-height: 21px; }
如果你希望文本看起來更加緊密,可以將行高設置為恰好適合文本高度。 例如,如果你正在使用10像素大小的字體,則使用10像素的行高可能更適合。
p { font-size: 10px; line-height: 10px; }
不過,在設置行高時,你應該注意不要讓其中的任何元素太過于密集。 時間長了,這樣的文本將變得難以閱讀,并使你的網站更難以訪問。
上一篇css首字下沉它不下城
下一篇css表單多行文本框