<div>標簽是用來創建HTML中的一個容器，用于組織和顯示網頁上的內容。在HTML中，我們經常需要使用表格來展示數據，而<div>標簽可以用來創建一個表格的容器。在<div>標簽內部，我們可以使用<table>標簽來創建一個表格，然后使用<tr>和<td>標簽來創建表格的行和單元格。通過設置<div>標簽的寬度和高度，我們可以控制表格的長寬。以下是一些示例代碼，詳細解釋了如何使用<div>標簽控制表格的長寬。
第一個例子是創建一個固定寬度的表格。我們可以通過在<div>標簽中添加style屬性來設置寬度。例如，如果我們希望表格的寬度為500像素，代碼如下：

<div style="width: 500px;">
<table>
<tr>
<td>單元格1</td>
<td>單元格2</td>
<td>單元格3</td>
</tr>
<tr>
<td>單元格4</td>
<td>單元格5</td>
<td>單元格6</td>
</tr>
</table>
</div>

在這個例子中，我們使用style屬性將寬度設置為500像素。這樣，無論表格內部的內容如何變化，表格的寬度都將保持不變。
第二個例子是創建一個自適應寬度的表格。我們可以使用百分比來設置表格的寬度，以實現表格的自適應效果。例如，如果我們希望表格的寬度自適應屏幕的寬度，代碼如下：

<div style="width: 100%;">
<table>
<tr>
<td>單元格1</td>
<td>單元格2</td>
<td>單元格3</td>
</tr>
<tr>
<td>單元格4</td>
<td>單元格5</td>
<td>單元格6</td>
</tr>
</table>
</div>

在這個例子中，我們將寬度設置為100%。這意味著表格的寬度將根據父元素的寬度進行自動調整，以適應不同屏幕大小的設備。
第三個例子是創建一個等分寬度的表格。我們可以使用CSS中的flex布局來實現表格的列等分效果。例如，如果我們希望表格的每一列寬度平均分配，代碼如下：

<div style="display: flex;">
<table>
<tr>
<td style="flex: 1;">單元格1</td>
<td style="flex: 1;">單元格2</td>
<td style="flex: 1;">單元格3</td>
</tr>
<tr>
<td style="flex: 1;">單元格4</td>
<td style="flex: 1;">單元格5</td>
<td style="flex: 1;">單元格6</td>
</tr>
</table>
</div>

在這個例子中，我們使用display: flex來指定表格容器使用flex布局。然后，我們在每個<td>標簽中使用flex: 1來指定每個列的寬度平均分配。這樣，無論表格有多少列，每一列都將平均占據表格容器的寬度。
通過上述示例，我們可以看到如何使用<div>標簽控制表格的長寬。無論是固定寬度、自適應寬度還是等分寬度，都通過設置<div>標簽的屬性和使用CSS樣式來實現。在設計和開發網頁時，我們可以根據具體需求選擇最適合的方法來控制表格的長寬，以便更好地展示和組織數據。