CSS table 布局在手機端的應用非常廣泛。傳統的 HTML 表格在手機屏幕上顯示不利，而 CSS table 布局可以讓表格適應不同屏幕尺寸和方向的變化。下面，我們來介紹一下在手機上使用 CSS table 布局的一些技巧。

/* CSS 代碼示例 */
.table-wrap {
display: table;
width: 100%;
border-collapse: collapse;
}
.table-row {
display: table-row;
}
.table-cell {
display: table-cell;
vertical-align: middle;
border: 1px solid #ccc;
padding: 10px;
}
@media screen and (max-width: 480px) {
.table-wrap {
display: block;
}
.table-row {
display: block;
}
.table-cell {
display: block;
border: none;
border-bottom: 1px solid #ccc;
padding: 10px;
}
}

上面的代碼示例展示了一個基本的 CSS table 布局，其中 .table-wrap 表示外層容器，.table-row 表示行，.table-cell 表示單元格。在手機上，我們使用媒體查詢將表格布局修改為塊級元素，以實現更好的響應式效果。

在手機端使用 CSS table 布局時，還可以結合一些其他技巧來優化布局，比如設置最小寬度、使用彈性布局等。另外，我們還可以使用一些 CSS 庫，如 Bootstrap、Foundation 等來快速構建響應式表格布局。