在網頁設計中，居中對齊是一個常見的樣式需求。CSS提供了多種方式來實現居中對齊，以下是幾種常用的方法：

/* 水平居中對齊 */
.text-center {
text-align: center;
}
/* 垂直居中對齊 */
.vertical-center {
display: flex;
justify-content: center;
align-items: center;
}
/* 水平垂直居中對齊 */
.center {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
/* table居中對齊 */
table {
margin: 0 auto;
}

首先，我們來看水平居中對齊。使用text-align屬性可以讓內部的文本或者塊元素水平居中對齊。例如，我們可以為一個p標簽添加“text-center”類來實現水平居中對齊。

接著，我們來看垂直居中對齊。在普通的文本和塊元素中，使用vertical-align并不能實現垂直居中對齊。不過，我們可以使用flex布局來實現垂直居中對齊。通過設置display為flex，同時設置justify-content和align-items屬性為center，就可以實現垂直居中對齊。例如，我們可以為一個塊元素添加“vertical-center”類來實現垂直居中對齊。

進一步的，我們可以實現水平垂直居中對齊。通過設置position為absolute，同時設置left和top屬性為50%，再使用transform: translate(-50%, -50%)來修正位置，就可以實現水平垂直居中對齊。例如，我們可以為一個塊元素添加“center”類來實現水平垂直居中對齊。

最后，我們來看table的居中對齊。由于table是一個塊元素，可以使用margin: 0 auto將其水平居中對齊。例如，在table標簽內，我們可以添加“margin: 0 auto”樣式來實現水平居中對齊。

以上是幾種常見的CSS樣式居中對齊方法，可以根據實際需求選擇不同的方法。希望本文的介紹對你有所幫助。