CSS的line-height屬性用于設置行高。行高指的是行框(即行的高度)的高度,它決定了行框中文字的垂直位置、行間距和行高度。
line-height屬性可以接受以下值:
- 數字:指定行高的倍數,例如1.5表示行高為當前字體大小的1.5倍。
- 百分比:相對于當前字體大小的百分比值,例如150%表示行高為當前字體大小的1.5倍。
- 長度值:指定行高的固定長度值,例如20px表示行高為20像素。
line-height屬性的作用包括:
- 控制行高度:通過設置line-height屬性,可以調整行框的高度,從而改變行和行之間的間距。
- 垂直居中文字:通過設置line-height屬性為與行框相同的高度,可以使文字在行框中垂直居中顯示。
- 創建行間距:line-height屬性還可以用于創建行間距,即行與行之間的垂直間距。
總的來說,line-height屬性可以用于調整行高度、垂直居中文字和創建行間距,使得文本在網頁中的布局更加美觀和易讀。