在CSS中，行距是指文本行之間的垂直間距。通常情況下，瀏覽器會根據字體的設定自動為文本行添加一定的行距，以保證文字的易讀性。然而，在某些情況下，我們可能希望自定義行距，以適應不同的排版需求。CSS提供了多種方式來調整行距，本文將詳細介紹這些方法。

一、使用line-height屬性

line-height屬性用于設置行高。它可以接受多種不同的單位值，例如像素（px）或百分比（%）。當line-height的值大于字體的實際高度時，行間會產生額外的間距；當line-height的值小于字體實際高度時，文字可能會被切掉或重疊在一起。下面是幾個代碼案例，演示如何使用line-height屬性調整行距。

<code>
<style>
p {
line-height: 1.2; /* 設置行高為1.2倍字體高度 */
}
<br>
    .custom-line-height {
line-height: 20px; /* 設置行高為20像素 */
}
<br>
    .custom-line-height-percentage {
line-height: 150%; /* 設置行高為字體高度的150% */
}
</style>
<br>
<p>這是一個普通的段落。</p>
<p class="custom-line-height">這是一個自定義行高的段落。</p>
<p class="custom-line-height-percentage">這是一個根據字體高度百分比設置行高的段落。</p>
</code>

上述代碼中，第一個段落使用了默認的行高，即1.2倍字體高度。第二個段落通過添加class屬性，設置了固定的行高為20像素。第三個段落通過添加class屬性，設置了行高為字體高度的150%。

二、使用margin和padding屬性

除了使用line-height屬性，我們還可以使用margin和padding屬性來調整行間距。這些屬性原本是用于設置盒子模型的外邊距和內邊距的，但是它們也可以用于調整文本行之間的間距。下面是幾個代碼案例，演示如何使用margin和padding屬性調整行距。

<code>
<style>
.custom-margin {
margin-bottom: 10px; /* 在段落下方添加10像素的外邊距 */
}
<br>
    .custom-padding {
padding-bottom: 10px; /* 在段落下方添加10像素的內邊距 */
}
</style>
<br>
<p>這是一個普通的段落。</p>
<p class="custom-margin">這是一個添加了外邊距的段落。</p>
<p class="custom-padding">這是一個添加了內邊距的段落。</p>
</code>

上述代碼中，第一個段落使用了默認的外邊距和內邊距，即0。第二個段落通過添加class屬性，設置了10像素的外邊距，將兩個段落之間的間距加大。第三個段落通過添加class屬性，設置了10像素的內邊距，同樣可以調整行間距。

三、使用border屬性

除了使用margin和padding屬性，我們還可以使用border屬性來調整行間距。border屬性用于設置盒子模型的邊框，但是它也可以用于調整文本行之間的間距。下面是一個代碼案例，演示如何使用border屬性調整行距。

<code>
<style>
.custom-border {
border-bottom: 10px solid transparent; /* 在段落下方添加10像素的透明邊框 */
}
</style>
<br>
<p>這是一個普通的段落。</p>
<p class="custom-border">這是一個添加了邊框的段落。</p>
</code>

上述代碼中，第一個段落使用了默認的邊框樣式，即無邊框。第二個段落通過添加class屬性，設置了10像素的透明邊框，將兩個段落之間的間距加大。

綜上所述，通過調整line-height、margin、padding以及border屬性，我們可以自定義CSS div的行間距，以滿足不同的排版需求。