CSS 的行高（line-height）是指行框（line box）內部的基線（baseline）之間的距離，它通常用來控制文本的垂直對齊和行間距。 在 CSS 中，行高可以使用數值、百分比、長度、帶有單位的變量（如 em 和 rem）或無單位的變量（如 inherit 和 initial）來定義。如果沒有指定行高，則默認值是 1.2，即字體大小的 1.2 倍。 例如，在 CSS 中，可以這樣設置行高：

p {
line-height: 1.5; /* 數值 */
}

p {
line-height: 150%; /* 百分比 */
}

p {
line-height: 30px; /* 長度 */
}

p {
line-height: 1.2em; /* 帶單位的變量 */
}

p {
line-height: inherit; /* 帶有單位的變量 */
}

p {
line-height: initial; /* 無單位變量 */
}

除了可以應用于整個元素之外，行高還可以應用于一個或多個元素內部的文本。例如，在一個段落（p）中，可以為其中某一行設置特定的行高：

p {
line-height: 1.5; /* 整個元素 */
}
p span {
line-height: 2; /* 某一行 */
}

當文字溢出到元素的邊界之外時，可以使用 CSS 中的 text-overflow 屬性來控制是否顯示省略號。同時，還可以使用 overflow 屬性來控制內容的隱藏或滾動。

p {
width: 200px;
white-space: nowrap; /* 強制在一行內 */
overflow: hidden;
text-overflow: ellipsis; /* 顯示省略號 */
}

除此之外，行高還可以通過相鄰元素的垂直間距來設置。當相鄰兩個元素之間有一定距離時，行高會自動增加，以保證相鄰兩行的基線之間的距離恰好為指定的行高值。 總之，CSS 的行高是一個簡單而強大的屬性，可以幫助我們控制文本的垂直對齊、行間距和省略號等效果，是每個前端開發人員必知的基礎知識之一。