当先锋百科网

首页 1 2 3 4 5 6 7
姓名年龄性别
小明18
小红20

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