今天我们来看一下如何使用CSS来实现页面元素的居中对齐。其中，我们主要会用到flex布局和text-align属性。
在使用flex布局时，我们可以使用justify-content和align-items属性来分别控制页面元素在水平和垂直方向上的对齐方式。其中，justify-content有以下几个可选值：
- flex-start：表示左对齐，即将页面元素向左对齐。 - flex-end：表示右对齐，即将页面元素向右对齐。 - center：表示居中对齐，即将页面元素水平居中对齐。 - space-between：表示两端对齐，即将页面元素分别向两端对齐，与中间的空白区域等分。 - space-around：表示平均分配对齐，即将页面元素平均分配，与相邻元素的空白区域等分。
在使用text-align属性时，我们可以通过设置其值为center来实现页面元素在水平方向上的居中对齐。例如：

.my-element {
display: flex;
justify-content: center;
align-items: center;
}

此外，如果我们想实现表格中的文本居中对齐，我们可以使用CSS中的text-align属性来设置，例如：

table {
width: 100%;
border-collapse: collapse;
}
<br>
th {
text-align: center;
border: 1px solid black;
padding: 8px;
}
<br>
td {
text-align: center;
border: 1px solid black;
padding: 8px;
}

以上就是关于CSS居中代码和表格的一些基础介绍。希望大家在日常开发中能够更加灵活地运用这些知识，优化页面布局效果。