CSS的td垂直居中顯示是一個常見的問題。在HTML表格中，td元素通常包含文本、圖像和其他元素。而當(dāng)需要將表格中的元素居中顯示時，可以使用CSS來實現(xiàn)。

td {
display: flex;
align-items: center;
}

上面的CSS代碼將td元素設(shè)為flex布局，并使用align-items屬性將其垂直居中。當(dāng)td包含多行文本時，可以添加justify-content屬性來控制文本的水平居中。

td {
display: flex;
align-items: center;
justify-content: center;
}

上面的CSS代碼將td元素設(shè)為flex布局，并使用align-items和justify-content屬性將其垂直和水平居中。

除了使用flex布局外，還可以將td元素設(shè)為表格單元格父元素的行高，來實現(xiàn)垂直居中。例如：

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

上面的CSS代碼將table元素設(shè)為100%的高度和寬度，并將td元素的高度設(shè)為100%。同時使用vertical-align屬性將其垂直居中。

總之，使用CSS的td垂直居中顯示，可以提高表格的可讀性和美觀度，提高用戶體驗。