div align屬性是一種非常常用的HTML屬性，它可以用于對頁面中的元素進行對齊操作。通過設置align屬性的屬性值，我們可以實現元素居中、居左或居右等布局效果。在本文中，我們將介紹div align屬性并給出多個實際案例，以幫助讀者更好地理解和運用該屬性。
，我們來看一個簡單的案例。假設我們有一個包含文本和圖片的div元素，我們希望將該div居中顯示在頁面中。為了實現這個效果，我們可以設置div元素的align屬性值為"center"，代碼如下所示：

<div align="center">
<p>這是一段文本</p>
<img src="image.jpg" alt="圖片">
</div>

在上述代碼中，我們將div元素的align屬性設置為"center"，這樣就能夠實現該div元素在頁面上水平居中的效果。注意，在HTML5中，align屬性已經過時了。取而代之的是通過CSS樣式的方式來實現元素的布局和對齊。
接下來，我們將介紹如何通過div align屬性來實現元素的左對齊和右對齊效果。如果我們想將一個div元素居左顯示，只需將該元素的align屬性值設置為"left"，如下所示：

<div align="left">
<p>這是一段文本</p>
<img src="image.jpg" alt="圖片">
</div>

上述代碼中，我們將div元素的align屬性值設置為"left"，這樣就能夠實現該div元素在頁面上左對齊的效果。同樣地，如果我們想將一個div元素居右顯示，只需將該元素的align屬性值設置為"right"：

<div align="right">
<p>這是一段文本</p>
<img src="image.jpg" alt="圖片">
</div>

通過設置div元素的align屬性值為"right"，我們就能夠實現該div元素在頁面上右對齊的效果。
除了設置div元素的align屬性值為"center"、"left"或"right"之外，我們還可以使用其他一些取值。比如，如果我們想實現div元素的內容在垂直方向上居中顯示，可以將align屬性值設置為"middle"，如下所示：

<div align="middle">
<p>這是一段文本</p>
<img src="image.jpg" alt="圖片">
</div>

在上述代碼中，我們將div元素的align屬性值設置為"middle"，這樣就能夠實現該div元素在頁面上垂直方向上居中顯示的效果。
此外，我們還可以將div元素的align屬性值設置為"justify"，以實現文本在div元素內自動分行并兩端對齊的效果。代碼如下所示：

<div align="justify">
<p>這是一段文本，用于演示justify對齊效果。這是一段文本，用于演示justify對齊效果。這是一段文本，用于演示justify對齊效果。這是一段文本，用于演示justify對齊效果。</p>
</div>

通過設置div元素的align屬性值為"justify"，我們就能夠實現該div元素內文本的自動分行并兩端對齊的效果。
綜上所述，div align屬性是一種常用的HTML屬性，可以通過設置不同的屬性值來實現元素的對齊效果。無論是居中、居左、居右，還是在垂直方向上居中或文本兩端對齊，我們都可以通過設置align屬性來輕松地實現。然而，需要注意的是，在HTML5中，align屬性已被標記為過時，取而代之的是使用CSS樣式來實現元素的布局和對齊。因此，在實際應用中，更推薦使用CSS樣式來進行布局操作。