CSS可以很方便地讓我們在網(wǎng)頁中進行居中操作，包括水平居中和垂直居中。

水平居中可以通過以下代碼實現(xiàn)：

.container {
text-align: center;
}

這個代碼將容器中的所有元素都水平居中。

垂直居中的實現(xiàn)與居中的方式有關(guān)，下面分別介紹幾種方式。

1. 單行文本的水平垂直居中

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

這個代碼使用了彈性布局，將元素在水平和垂直方向上居中。

2. 多行文本的垂直居中

.container {
display: flex;
align-items: center;
}
.text {
margin: auto;
}

這個代碼使用了彈性布局，將容器內(nèi)的所有元素在垂直方向上居中。

使用margin:auto將文本在水平方向上居中。

3. 絕對定位的垂直居中

.container {
position: relative;
}
.text {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

這個代碼將元素使用絕對定位，然后將其上邊緣移動到容器的中間位置，再使用transform屬性將其向上移動一半高度，從而實現(xiàn)垂直居中。

除了上述方式，還有其他方法可以實現(xiàn)居中效果，具體使用時需要結(jié)合實際情況進行調(diào)整。