CSS的居中樣式是頁面布局中最常見的一種樣式，在實現頁面垂直或水平居中的時候，這些樣式顯得尤為重要。下面介紹幾種實現文字或容器居中的方法。

/* 水平居中 */
/* 1、使用 text-align */
.box {
text-align: center;
}
/* 2、使用 margin */
.box {
margin-left: auto;
margin-right: auto;
}
/* 3、使用 flexbox（彈性盒布局） */
.container {
display: flex;
justify-content: center;
}
/* 垂直居中 */
/* 1、 使用 line-height */
.box {
line-height: 200px;
}
/* 2、使用 absolute + translate */
.box {
position: relative;
top: 50%;
transform: translateY(-50%);
}
/* 3、使用 flexbox（彈性盒布局） */
.container {
display: flex;
justify-content: center;
align-items: center;
}

上述代碼中，使用text-align實現水平居中，使用line-height實現垂直居中適用于單行文字的居中；使用margin、absolute+translate、flexbox實現的居中則適用于多行容器的居中實現。

以上是常用的CSS居中樣式代碼，希望能夠對網頁設計者們有所幫助。