<div>標簽是HTML中用于創建容器元素的標簽。在默認情況下，<div>元素是一個塊級元素，它會獨占一行并撐滿父容器的寬度。然而，有時候我們希望多個<div>元素可以在同一行上并排顯示，并且能夠自動換行對齊。本文將詳細介紹如何使用CSS來實現<div>換行對齊的效果。

，我們可以使用CSS的display屬性來改變<div>元素的顯示方式。其中，有兩個值可以滿足我們的需求，分別是"inline-block"和"flex"。

下面是一個使用"display: inline-block"屬性實現<div>換行對齊的示例：

<div style="display:flex">
<div>Div 1</div>
<div>Div 2</div>
<div>Div 3</div>
<div>Div 4</div>
<div>Div 5</div>
<div>Div 6</div>
</div>

在上面的代碼中，我們給包含所有<div>元素的父容器設置了"display:flex"屬性。這樣，所有的<div>元素都會在同一行上并排顯示。如果父容器的寬度不足以容納所有的<div>元素，那么就會自動換行并對齊。

除了使用"display:flex"屬性，我們還可以使用"display:inline-block"屬性來實現同樣的效果。下面是一個示例：

<div style="display:inline-block">
<div>Div 1</div>
<div>Div 2</div>
<div>Div 3</div>
<div>Div 4</div>
<div>Div 5</div>
<div>Div 6</div>
</div>

在上面的代碼中，我們給包含所有<div>元素的父容器設置了"display:inline-block"屬性。這樣，所有的<div>元素都會在同一行上并排顯示。如果父容器的寬度不足以容納所有的<div>元素，那么就會自動換行并對齊。

來說，通過改變<div>元素的顯示方式，我們可以實現<div>的換行對齊效果。使用"display:flex"屬性可以使<div>元素在同一行上并排顯示，并在父容器寬度不足時自動換行對齊；使用"display:inline-block"屬性也可以實現同樣的效果。根據具體需求選擇適合的方法即可。