div中字體對齊是指在網(wǎng)頁開發(fā)中，通過使用CSS樣式對div元素中的文字進(jìn)行對齊操作。文字對齊可以通過控制div的寬度以及使用文本對齊屬性來實現(xiàn)。下面將通過使用幾個代碼案例來詳細(xì)解釋和說明div中字體對齊的操作方法。
第一個案例是居中對齊文字。在這個案例中，我們使用div元素將一段文字圍起來，并且將這個div居中對齊于父容器。代碼如下：

<style>
.container {
display: flex;
justify-content: center;
align-items: center;
height: 200px;
border: 1px solid black;
}
</style>
<br>
<div class="container">
<p>這是一段居中對齊的文字</p>
</div>

在上述代碼中，我們創(chuàng)建了一個名為.container的樣式類，通過display: flex屬性將其設(shè)置為彈性容器，使用justify-content: center和align-items: center屬性分別在水平和垂直方向上將里面的內(nèi)容居中對齊。由于父容器與文字之間有一定的間距，這使得文字在div中居中對齊。可以通過改變.container樣式中的height屬性來調(diào)整div的高度。
第二個案例是左對齊文字。在這個案例中，我們使用div元素將一段文字圍起來，并且將這個div左對齊于父容器。代碼如下：

<style>
.container {
width: 300px;
border: 1px solid black;
}
<br>
    .text {
text-align: left;
padding: 10px;
}
</style>
<br>
<div class="container">
<p class="text">這是一段左對齊的文字</p>
</div>

在上述代碼中，我們創(chuàng)建了一個名為.container的樣式類，通過width屬性將其設(shè)置為300px，使得父容器的寬度為300像素。然后，我們創(chuàng)建了一個名為.text的樣式類，使用text-align: left屬性將文字左對齊，并通過padding屬性設(shè)置文字與div邊框之間的間距。我們可以通過改變.container樣式類中的width屬性來調(diào)整div的寬度，從而左對齊文字。
第三個案例是右對齊文字。在這個案例中，我們使用div元素將一段文字圍起來，并且將這個div右對齊于父容器。代碼如下：

<style>
.container {
width: 300px;
border: 1px solid black;
}
<br>
    .text {
text-align: right;
padding: 10px;
}
</style>
<br>
<div class="container">
<p class="text">這是一段右對齊的文字</p>
</div>

在上述代碼中，我們創(chuàng)建了一個名為.container的樣式類，通過width屬性將其設(shè)置為300px，使得父容器的寬度為300像素。然后，我們創(chuàng)建了一個名為.text的樣式類，使用text-align: right屬性將文字右對齊，并通過padding屬性設(shè)置文字與div邊框之間的間距。我們可以通過改變.container樣式類中的width屬性來調(diào)整div的寬度，從而右對齊文字。
通過以上幾個代碼案例，我們了解了在div中實現(xiàn)文字對齊的方法。無論是居中對齊、左對齊還是右對齊，都可以通過使用CSS樣式來實現(xiàn)。這些方法在網(wǎng)頁開發(fā)中非常實用，可以幫助我們更好地設(shè)計和布局網(wǎng)頁中的文字內(nèi)容。
參考文章： - [CSS Text Alignment](https://www.w3schools.com/css/css_align.asp)