HTML5的表格是網頁開發中常用的元素，但是在制作表格時，有時會遇到需要將表格中的元素做上下居中顯示的需求。以下是一段HTML5表格上下居中顯示的代碼示例。

在表格單元格中使用CSS樣式設置上下居中：

<table>
<tr>
<td style="vertical-align: middle;">單元格1</td>
<td style="vertical-align: middle;">單元格2</td>
</tr>
<tr>
<td style="vertical-align: middle;">單元格3</td>
<td style="vertical-align: middle;">單元格4</td>
</tr>
</table>

在CSS中設置表格中元素的上下居中：

table {
width: 100%;
height: 100%;
border-collapse: collapse;
}
td {
vertical-align: middle;
}

使用以上代碼可以輕松地實現HTML5表格中的上下居中顯示效果。雖然在表格制作中設置上下居中有多種方法，但CSS樣式中的vertical-align屬性是最簡單和方便的方法之一。