眾所周知，CSS是一門非常強大的樣式語言，可以實現各種各樣的效果。今天我們來說一說如何將整個表格在父元素中垂直居中，下面是示例代碼：

<div class="container">
<table class="center-table">
<tr>
<th>標題1</th>
<th>標題2</th>
</tr>
<tr>
<td>內容1</td>
<td>內容2</td>
</tr>
</table>
</div>

上面的代碼是一個簡單的表格，它被包括在一個名為“container”的div元素中。我們需要使用CSS代碼讓這個表格在“container”元素中垂直居中，下面是CSS代碼：

.container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.center-table {
margin: auto;
}

上述的代碼中，我們給“container”元素設置了一個高度為100視窗高度（即viewport height，縮寫為“vh”），這意味著“container”元素將占據整個屏幕高度。接著，我們使用了Flexbox布局來控制“container”元素的內部布局。具體來說，我們使用了“display: flex”將“container”元素變成了一個Flex容器，并使用了“justify-content: center”和“align-items: center”將Flex容器的子元素（即表格）水平和垂直居中。最后，我們給表格添加了一個“margin: auto”屬性，使表格在父元素中水平居中。有了這些CSS代碼，整個表格就成功地在父元素中垂直居中了！