<div>下對齊是一種網頁排版中常用的布局方式，它可以將多個元素在一個<div>容器中垂直對齊。在使用<div>下對齊時，我們可以通過設置不同元素的樣式來實現不同對齊方式。下面將通過幾個代碼案例詳細解釋說明這種排版方式的使用。
案例一： 假設我們有一個<div>容器，其中包含三個元素，分別是一個文字標題和兩個圖片。我們希望這三個元素在容器中垂直對齊，并且標題在上方，兩個圖片在下方。我們可以使用以下代碼實現：

<pre>
<div>
<p>文字標題</p>
<img src="image1.jpg">
<img src="image2.jpg">
</div>

在上述代碼中，<div>標簽用于創建一個容器，

標簽用于包裹文字標題，<img>標簽用于插入兩個圖片。通過設置這三個元素的樣式，我們可以將文字標題垂直居中，并將兩個圖片緊跟其下。
案例二： 接下來，我們將通過另一個案例來說明如何實現更加靈活的<div>下對齊方式。假設我們有一個<div>容器，其中包含三個元素，分別是一個導航菜單、一段文字內容和一個按鈕。我們希望這三個元素在容器中水平對齊，并且導航菜單在左側，文字內容在中間，按鈕在右側。我們可以使用以下代碼實現：

<pre>
<div>
<nav>
<ul>
<li>菜單項1</li>
<li>菜單項2</li>
<li>菜單項3</li>
</ul>
</nav>
<p>這里是一段文字內容</p>
<button>按鈕</button>
</div>

在上述代碼中，我們使用了<nav>標簽來包裹導航菜單，<ul>和<li>標簽來創建菜單項。通過設置這三個元素的樣式，我們可以使其水平對齊，并且在容器中各自占據左側、中間和右側的位置。
綜上所述，<div>下對齊是一種常用的網頁布局方式，可以通過設置元素的樣式來實現不同的對齊方式。通過以上幾個案例的解釋，我們可以清楚地了解如何使用<div>下對齊來實現不同排版需求。在實際應用中，我們可以根據具體情況和需求來靈活運用這種布局方式，以達到更好的視覺效果和用戶體驗。