在制作網頁時，居中對齊是非常常見的需求。CSS可以很方便地實現居中對齊，下面我們就來講述如何設置CSS實現居中對齊。

//水平居中對齊
.container {
text-align: center;
}
//垂直居中對齊
.container {
position: relative;
}
.center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

對于水平居中對齊，只需要將父元素的text-align屬性設置為center即可。例如下面的代碼：

<div class="container">
<p>我是一個段落，我將實現居中對齊！</p>
</div>

對于垂直居中對齊，我們需要用到CSS的position屬性和transform屬性。首先將父元素設置為relative，然后將子元素設置為absolute，并設置top、left以及transform屬性即可。例如下面的代碼：

<div class="container">
<p class="center">我也是一個段落，我也將實現居中對齊！</p>
</div>

總的來說，實現居中對齊并不難，只需要掌握一些基本的CSS知識即可。希望本文對您有所幫助！