在CSS中,我們可以使用line-height屬性來設置行距。
line-height屬性定義了行框中基線之間的最小距離。如果沒有設置該屬性,則默認為normal,即瀏覽器將以其默認的行距顯示文本。
line-height屬性通常是一個無單位數字或者帶有單位的值(比如px、em、rem等),最常見的單位是像素(px)。使用像素作為單位時,表示每行文本所占的高度,也就是將行距設置為多少像素。
/* 設置行距為1.5em */ p { line-height: 1.5em; } /* 設置行距為20像素 */ p { line-height: 20px; }
除了像素、em、rem等數值作為單位外,我們還可以使用百分比(%),表示行距相對于當前字體大小的百分比。比如,如果字體大小為16像素,而行距設置為150%,則行距為24像素。
/* 設置行距為150% */ p { line-height: 150%; }
總之,通過line-height屬性,我們可以控制整個文本塊的行距,使得文本更易讀且美觀。