在 CSS 中,行高指的是一個元素的行框的高度。你可以通過設置下面這個屬性值控制文本行的高度。
line-height: 【值】;
該屬性值可以使用以下格式的值:
- 像素值(如 20px)
- 相對值(如 1.5)
- 百分比值(如 150%)
如果你沒有設置行高,一般瀏覽器會自動計算一個值。這個默認值一般是字體大小的 1.2 倍。
下面是一些示例代碼,可以幫助你更好地理解行高的設置:
/* 像素值 */ p { line-height: 24px; } /* 相對值 */ p { font-size: 16px; line-height: 1.5; /* 行高為字體大小的 1.5 倍 */ } /* 百分比值 */ p { line-height: 150%; }
通過設置行高,你可以控制文本行的間距,使得文本看起來更加美觀。