在CSS中，我們可以通過設(shè)置line-height屬性來控制行高，如果你想要三行不同行高的設(shè)置，你需要為每行分別設(shè)置line-height屬性。

假設(shè)你有一個包含三行文本的容器，你想要***行的高度是20px，第二行是30px，第三行是40px，你可以這樣寫CSS：

.container {
  line-height: 20px; /* ***行的高度 */
}
.container > :nth-child(2) {
  line-height: 30px; /* 第二行的高度 */
}
.container > :nth-child(3) {
  line-height: 40px; /* 第三行的高度 */
}

或者，如果你想要使用更簡潔的方法，可以使用calc()函數(shù)來計(jì)算每行的行高：

.container {
  line-height: calc(20px + (30 - 20) * var(--i)); /* 使用CSS變量來遞增 */
}

在這個例子中，我們假設(shè)--i是一個CSS變量，它的初始值是0，每行的行高會根據(jù)這個變量的值來增加，這種方法可以讓我們更靈活地控制多行行高。

這種方法可能在一些舊的瀏覽器上不起作用，因?yàn)樗蕾囉贑SS變量的支持，確保你的目標(biāo)瀏覽器支持CSS變量和calc()函數(shù)。