CSS中的居中對齊是前端開發中一個非常基礎卻又非常重要的內容，它可以使網頁的視覺效果更加美觀，用戶體驗更加友好。下面我們來介紹一下如何在CSS中實現居中對齊。

/* 水平居中對齊 */
/* 方法一：使用text-align屬性 */
.container {
text-align: center;
}
/* 方法二：使用margin屬性 */
.container {
margin: 0 auto;
}
/* 方法三：使用flex布局 */
.container {
display: flex;
justify-content: center;
}
/* 垂直居中對齊 */
/* 方法一：使用line-height屬性（只適用于單行文本） */
.container {
height: 100px;
line-height: 100px;
}
/* 方法二：使用absolute和transform屬性 */
.container {
position: relative;
}
.container p {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
/* 方法三：使用flex布局 */
.container {
display: flex;
align-items: center;
}

以上就是CSS中居中對齊的幾種方法，大家可以根據需要選擇合適的方法來應用到具體的網頁開發中。在實際開發中，我們還可以結合使用不同的方法來實現更靈活的居中對齊效果。