今天我們來看一下如何使用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居中代碼和表格的一些基礎介紹。希望大家在日常開發中能夠更加靈活地運用這些知識，優化頁面布局效果。