CSS中div模塊排版是網頁設計和布局中非常重要的一部分。div是一種容器，它可以包含其他元素，如文本、圖片、表格等，然后使用CSS來控制其位置、大小等屬性，從而實現網頁的布局。

下面就來介紹一下CSS中div模塊的排版方法：

1. 定義div的class或id

<div class="container">
<p>這是一個div容器</p>
</div>
或
<div id="container">
<p>這是一個div容器</p>
</div>

2. 使用CSS控制div的屬性

.container {
width: 960px; /* 設置div的寬度 */
margin: 0 auto; /* 設置div居中 */
padding: 20px; /* 設置div內邊距 */
background-color: #fff; /* 設置div的背景色 */
border: 1px solid #ccc; /* 設置div的邊框 */
}

3. 在div中添加其他元素

<div class="container">
<p>這是一個div容器</p>
<img src="image.jpg" alt="圖片">
<table>
<tr>
<td>表格單元格1</td>
<td>表格單元格2</td>
</tr>
<tr>
<td>表格單元格3</td>
<td>表格單元格4</td>
</tr>
</table>
</div>

通過上述方法控制CSS中div模塊的排版，可以實現頁面的合理布局和美觀效果。