如何統一設定行高

來源:時尚少女範 4.74K
如何統一設定行高

要統一設定行高,可以使用CSS樣式來實現。以下是幾種常見的方法:

1. 使用行高屬性:直接在CSS樣式中設定行高屬性。例如,將行高設定為固定畫素值:
```css
-height {
line-height: 20px;
}
```

2. 使用百分比值:可以將行高設定為相對於父元素字型大小的百分比值。例如,將行高設定為父元素字型大小的150%:
```css
-height {
line-height: 150%;
}
```

3. 使用em單位:可以將行高設定為相對於當前元素字型大小的em單位值。例如,將行高設定為當前元素字型大小的1.5倍:
```css
-height {
line-height: 1.5em;
}
```

4. 使用rem單位:可以將行高設定為相對於根元素(`html`元素)字型大小的rem單位值。例如,將行高設定為根元素字型大小的1.2倍:
```css
-height {
line-height: 1.2rem;
}
```

無論選擇哪種方法,只需在需要設定行高的元素上新增相應的CSS類,並在CSS樣式中定義相應的行高屬性即可。

熱門標籤