在HTML中创建表格是一种很好的展示数据的方式。但是，如果我们想让表格居中显示在一个div中，怎么实现呢？

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属性来将表格水平和垂直居中。接着修改表格样式，去掉间距并设置单元格边框和内边距，让表格更加美观清晰。