CSS中的表格垂直居中是一個常見的問題。在許多情況下，我們需要將表格中的內容垂直居中，從而使頁面看起來更加美觀和整潔。在這篇文章中，我們將討論幾種常見的方法，幫助你實現表格的垂直居中。

/* 方法 1：使用 display: table-cell 和 vertical-align */
.table {
display: table;
}
.table-row {
display: table-row;
}
.table-cell {
display: table-cell;
vertical-align: middle;
}
/* 在 HTML 中使用以下代碼 */
<div class="table">
<div class="table-row">
<div class="table-cell">內容 1</div>
<div class="table-cell">內容 2</div>
<div class="table-cell">內容 3</div>
</div>
</div>

使用 display: table-cell 和 vertical-align 可以讓表格中的內容垂直居中。這種方法需要將表格的整體結構用 div 包裹起來，并使用 display: table、display: table-row 和 display: table-cell 來定義單元格的排列方式，然后使用 vertical-align: middle 將內容垂直居中。

/* 方法 2：使用 line-height 和 height */
.cell {
height: 100px;
line-height: 100px;
}
/* 在 HTML 中使用以下代碼 */
<div class="cell">內容</div>

使用 line-height 和 height 可以讓單元格中的內容垂直居中。這種方法需要設置單元格的高度為固定值，并使用和高度相同的 line-height 值來使文本垂直居中。

/* 方法 3：使用 transform */
.cell {
position: relative;
top: 50%;
transform: translateY(-50%);
}
/* 在 HTML 中使用以下代碼 */
<div class="cell">內容</div>

使用 transform 可以讓單元格中的內容垂直居中。這種方法需要設置單元格的 position 屬性為 relative，然后使用 top: 50% 將其移動到縱向的中央位置，最后使用 transform: translateY(-50%) 將其移回到垂直居中的位置。