CSS中可以使用層（div或者table等）來實現表格的布局，這樣可以避免我們使用傳統的table標簽而導致的布局混亂和樣式難以控制的問題。

/*樣式定義*/
.table{
display: table;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
.row{
display: table-row;
}
.cell{
display: table-cell;
vertical-align: middle;
border: 1px solid #000;
}

使用上述CSS代碼定義樣式后，我們就可以在HTML中使用div來模擬表格。

/*示例代碼*/
<div class="table"><div class="row"><div class="cell">單元格1</div><div class="cell">單元格2</div><div class="cell">單元格3</div></div><div class="row"><div class="cell">單元格4</div><div class="cell">單元格5</div><div class="cell">單元格6</div></div></div>

這樣就完成了一個簡單的表格布局，表格的樣式可以通過CSS進行任意的修改，而且可以兼容性更好，布局更靈活。