CSS中有很多用于定義頁面元素樣式的屬性,其中有一個很重要的屬性就是line-height(行高)。它可以用來定義每行的高度。
/* 設置行高為30像素 */ p { line-height: 30px; }
上述代碼可以使p元素的每一行高度為30像素。如果沒有設置行高,每行的高度將由字號和字體決定。
如果你希望行高與字號相同,可以使用單位為1的行高。例如:
/* 設置行高與字號相同 */ p { font-size: 16px; line-height: 1; }
這樣設置后,每行的高度將為16像素。你還可以通過調整行高來控制行與行之間的間距。例如:
/* 設置行高為40像素,間距為10像素 */ p { line-height: 40px; margin-bottom: 10px; }
這樣設置后,每行的高度將為40像素,每段落之間的間距將為10像素。
總而言之,行高這個屬性在CSS中是一個非常重要的,可以控制每行的高度和行與行之間的間距。通過掌握這個屬性,你可以更好地控制頁面元素的顯示效果。