表格佈局也是非常常見的佈局方式。就是指定CSS表格式樣。

這與HTML的<table>元素不同，<table>元素多用於頁面上顯示錶格資料。而表格佈局是指通過CSS表格式樣將頁面顯示部分表格化顯示出來。

實現方式就是先將HTML端的元素用<div>仿造<table>元素的樣子配置好，然後在CSS端為相關<div>指定式樣。

第一步，先將HTML端的元素用<div>仿造<table>元素的樣子配置：

第二步，在CSS端為相關<div>指定式樣：

div#tableContainer {
    display: table;
}

div.tableRow {
    display: table-row;
}

.main {
    display: table-cell;
}
 

表格佈局相對實現起來比較簡單（可能這也是受歡迎的原因之一）。各大網站的區域性隨處可見表格佈局：

上圖就是用表格佈局處理<form>表單的例子 ：）