CSS line-height行間距屬性用于對元素中定義的線框的最小高度。它設置內容的兩行之間的間距。
它定義了內聯(lián)元素上方和下方的空間量。它允許您獨立于字體大小來設置行的高度。
line-height屬性值與CSS line-height屬性需一起使用。
| 值 | 描述 |
|---|---|
| normal | 這是默認值。它指定法線高度。 |
| number | 它指定一個數(shù)字，該數(shù)字與當前字體大小相乘以設置行高。 |
| length | 它用于以px，pt，cm等設置行高。 |
| % | 它以當前字體的百分比指定行高。 |
| initial | 它將此屬性設置為其默認值。 |
| inherit | 它從其父元素繼承此屬性。 |
<!DOCTYPE html>
<html>
<head>
<style>
h3.small {
line-height: 70%;
}
h3.big {
line-height: 200%;
}
</style>
</head>
<body>
<h3>
這是一個具有默認標準行間距的標題.<br>
這是一個具有默認標準行間距的標題.<br>
大多數(shù)瀏覽器中的默認行間距約為110％至120％.<br>
</h3>
<h3 class="small">
這是一個行間距較小的標題.<br>
這是一個行間距較小的標題.<br>
這是一個行間距較小的標題.<br>
這是一個行間距較小的標題.<br>
</h3>
<h3 class="big">
這是一個具有較大行間距的標題.<br>
這是一個具有較大行間距的標題.<br>
這是一個具有較大行間距的標題.<br>
這是一個具有較大行間距的標題.<br>
</h3>
</body>
</html>測試看看?/?