在HTML中創(chuàng)建表格是一種很好的展示數(shù)據(jù)的方式。但是，如果我們想讓表格居中顯示在一個div中，怎么實現(xiàn)呢？

div {
display: flex;
justify-content: center;
align-items: center;
}
table {
border-collapse: collapse;
}
td, th {
border: 1px solid black;
padding: 5px;
text-align: center;
}

通過將包含表格的div設為flex布局，再通過justify-content和align-items屬性來將表格水平和垂直居中。接著修改表格樣式，去掉間距并設置單元格邊框和內邊距，讓表格更加美觀清晰。