CSS布局中，居中是一種常見的需求，尤其是在響應式布局中更是必不可少的一部分。以下是一些實用的CSS代碼，可以幫助你輕松實現居中布局。

/* 水平居中 */
.container {
display: flex;
justify-content: center;
}
/* 垂直居中 */
.container {
display: flex;
align-items: center;
}
/* 水平垂直居中 */
.container {
display: flex;
justify-content: center;
align-items: center;
}
/* 水平居中文本 */
.text-container {
text-align: center;
}
/* 多個元素水平居中 */
.wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
/* 多個等寬元素水平居中 */
.wrapper {
display: flex;
justify-content: space-around;
}
/* 一個元素相對于其父元素水平居中 */
.element {
position: absolute;
left: 50%;
transform: translateX(-50%);
}

以上是幾種常見的CSS居中布局代碼，可以應對多種實際場景。需要注意的是，因為不同的布局方式可能會對子元素造成影響，務必在實際應用前進行充分測試。