CSS段內(nèi)行高的設(shè)置方法

在CSS中，我們可以通過多種方式設(shè)置段內(nèi)行高，以下是一些常見的方法：

1、使用line-height屬性

line-height屬性用于設(shè)置段內(nèi)行高，它接受一個數(shù)值或百分比，表示行高與字體大小的比例，如果你想讓行高為字體大小的1.5倍，可以設(shè)置為：

p {
  line-height: 1.5;
}

2、使用vertical-align屬性

vertical-align屬性用于設(shè)置元素的垂直對齊方式，雖然它主要用于圖像和表格單元格，但也可以用于段落文本，如果你想讓文本在段落中垂直居中，可以設(shè)置為：

p {
  vertical-align: middle;
}

3、使用CSS盒模型

CSS盒模型是一種用于描述元素尺寸和位置的計算模型，通過調(diào)整盒模型的各個屬性，如height、width、padding、margin等，可以間接地改變段內(nèi)行高，增加段落的上邊距和下邊距可以擴大行高：

p {
  margin: 20px 0;
  padding: 10px 0;
}

4、使用CSS Flexbox布局

Flexbox是一種用于創(chuàng)建復(fù)雜布局的CSS技術(shù)，通過調(diào)整Flexbox容器的屬性，如align-items、justify-content等，可以影響段內(nèi)行高的計算，使用align-items: center;可以讓段落內(nèi)的文本垂直居中：

.container {
  display: flex;
  align-items: center;
}