<div>控制換行是指在HTML中使用div標簽來控制元素的布局，在元素后面自動換行以便給下一個元素留出空間。通過設置div的樣式屬性，可以控制元素在一行或多行中的位置和排列方式。
<div>元素默認是塊級元素，會獨占一行。如果想讓div元素在同一行內顯示，可以使用CSS中的display屬性設置為"inline"或"inline-block"。

例1：
<p>下面的代碼展示了display屬性設置為"inline"時的效果：</p>
<pre>
<div style="display: inline;">元素1</div>
<div style="display: inline;">元素2</div>
<div style="display: inline;">元素3</div>

上述代碼中的三個div元素會在同一行內顯示。

例2：

下面的代碼展示了display屬性設置為"inline-block"時的效果：

<div style="display: inline-block;">元素1</div>
<div style="display: inline-block;">元素2</div>
<div style="display: inline-block;">元素3</div>

上述代碼中的三個div元素同樣會在同一行內顯示，但是它們之間會保留一定的空隙。

例3：

下面的代碼展示了display屬性設置為"block"時的效果：

<div style="display: block;">元素1</div>
<div style="display: block;">元素2</div>
<div style="display: block;">元素3</div>

上述代碼中的三個div元素會分別獨占一行顯示。

<div>元素不僅可以控制在同一行內顯示，還可以控制多個元素按照一定的排列順序在一行或多行顯示。可以使用CSS中的float屬性來控制元素的浮動方式。
例4：

下面的代碼展示了使用float屬性控制元素浮動的效果：

<div style="float: left;">元素1</div>
<div style="float: left;">元素2</div>
<div style="float: left;">元素3</div>

上述代碼中的三個div元素會從左到右依次浮動排列在同一行內。

例5：

下面的代碼展示了使用clear屬性清除浮動的效果：

<div style="float: left;">元素1</div>
<div style="float: left;">元素2</div>
<div style="float: left;">元素3</div>
<div style="clear: both;"></div>

上述代碼中，通過給最后一個div元素設置clear屬性為"both"，可以清除前面元素的浮動，使下一個元素顯示在下一行。

除了使用display和float屬性來控制換行，還可以使用CSS中的overflow屬性來控制元素的溢出方式。
例6：

下面的代碼展示了使用overflow屬性控制元素溢出的效果：

<div style="width: 200px; height: 100px; overflow: hidden;">這是一個長文本，超出了div元素的寬度和高度</div>

上述代碼中的div元素設置了固定的寬度和高度，文本內容超出了這個范圍時，會被隱藏。

綜上所述，通過使用<div>標簽以及CSS的display、float和overflow屬性，可以靈活地控制元素在同一行或多行中的位置和排列方式，并適應不同的頁面布局需求。