如何設(shè)置CSS上下行距

在CSS中，可以使用line-height屬性來設(shè)置上下行距。line-height屬性定義了行框之間的***小距離，包括上行和下行，它可以是固定的像素值，也可以是相對于字體大小的比例。

如果要設(shè)置上下行距為1.5倍字體大小，可以這樣做：

p {
  line-height: 1.5;
}

或者，如果要將上下行距設(shè)置為20像素：

p {
  line-height: 20px;
}

line-height屬性僅適用于塊級元素，如段落（p（h1-h6）和列表（ul、ol、li），對于內(nèi)聯(lián)元素（如span），可以使用vertical-align屬性來設(shè)置上下對齊方式。

還可以通過設(shè)置margin-top和margin-bottom屬性來調(diào)整上下行之間的空間。

p {
  margin-top: 10px;
  margin-bottom: 20px;
}

這將使段落的上邊距為10像素，下邊距為20像素，這種方法適用于所有元素，包括塊級元素和內(nèi)聯(lián)元素。