在网页设计中，居中对齐是一个常见的样式需求。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样式居中对齐方法，可以根据实际需求选择不同的方法。希望本文的介绍对你有所帮助。