在CSS中，我們可以使用line-height屬性來實現(xiàn)文字上下行間距的調(diào)整。line-height屬性定義了行框的***小高度，包括空白和字體大小，下面是一些示例代碼，展示如何使用line-height來調(diào)整文字上下行間距。

示例1：固定行高

p {
  line-height: 1.5; /* 行高是字體大小的1.5倍 */
}

示例2：使用單位調(diào)整行高

p {
  line-height: 20px; /* 行高是20像素 */
}

示例3：調(diào)整段落行高

p {
  line-height: 1.5; /* 行高是字體大小的1.5倍 */
}
div {
  line-height: 20px; /* 行高是20像素 */
}

示例4：使用百分比調(diào)整行高

p {
  line-height: 150%; /* 行高是字體大小的1.5倍 */
}

示例5：調(diào)整不同元素的行高

h1 {
  line-height: 1.2; /* h1標簽的行高是字體大小的1.2倍 */
}
h2 {
  line-height: 1.5; /* h2標簽的行高是字體大小的1.5倍 */
}

示例6：使用CSS變量調(diào)整行高

:root {
  --line-height: 1.5; /* 在根元素上定義一個CSS變量 */
}
p {
  line-height: var(--line-height); /* 使用CSS變量來調(diào)整行高 */
}

通過調(diào)整line-height屬性，你可以控制文字上下行之間的間距，使排版更加美觀和易讀，希望這些示例能幫助你更好地理解和應用CSS來調(diào)整文字行高。