<div>標簽是HTML中用來劃分網頁布局的一個重要元素，它可以將不同的元素分組，并且通過CSS來樣式化。其中一個常用的CSS屬性就是字體行距（line-height），它可以控制文字行與行之間的垂直距離。在本文中，我們將詳細介紹如何使用div標簽和CSS屬性來調整字體行距的效果。

，讓我們看一個簡單的示例，通過在div中設置line-height屬性來改變文字行之間的間距：

<br>
<div style="line-height: 1.5;">這是一段文字，通過設置line-height屬性，我們可以改變文字行之間的垂直距離。</div>
<br>

在這個例子中，我們將line-height屬性設置為1.5。這意味著文字行之間的間距是文字大小的1.5倍。你可以根據你的需求調整這個值來達到不同的行距效果。

除了直接在div標簽中設置line-height屬性之外，我們還可以通過CSS樣式表來控制div的字體行距。

<br>
<style>
.custom-div {
line-height: 1.5;
}
</style>
<div class="custom-div">這是一個帶有自定義樣式的div元素，通過添加CSS類.custom-div，我們可以給div設置特定的字體行距。</div>
<br>

在這個例子中，我們通過添加一個.custom-div的CSS類選擇器，并將line-height屬性設置為1.5，來應用自定義樣式。這樣，所有使用了這個類的div元素都會擁有相同的字體行距。

同樣地，我們也可以通過父元素的字體行距來影響子元素的行距。比如：

<br>
<style>
.parent-div {
line-height: 1.5;
}
</style>
<div class="parent-div">
<div>這是一個子div元素。</div>
<div>子div的字體行距會受到父div的影響。</div>
</div>
<br>

在這個例子中，我們給父div設置了line-height屬性為1.5。因此，子div元素繼承了父div的字體行距屬性，所以它們之間的行距也是1.5倍。

來說，通過div標簽和CSS的line-height屬性，我們可以靈活地控制網頁中字體的行距。無論是直接在div標簽中設置屬性，還是通過自定義CSS樣式表，甚至是通過父子元素的關系傳遞字體行距，我們都能夠快速有效地實現所需的效果。