CSS設置布局居中顯示，是前端開發中非常重要的一個技能。不同的元素需要使用不同的布局實現居中。

// 水平居中布局
.element {
width: 50%; // 必須設置寬度
margin: 0 auto; // 左右 margin 值相同
}
// 垂直居中布局
.parent {
display: flex; // 容器設置為 flex 布局
justify-content: center; // 水平居中
align-items: center; // 垂直居中
}
// 不定高垂直居中布局
.parent {
position: relative; // 父元素設置為相對定位
}
.child {
position: absolute; // 子元素設置為絕對定位
top: 50%; // top 值設置為 50%
transform: translateY(-50%); // translateY 值設置為自身高度的一半的負值
}
// 多列等高布局
.parent {
display: flex;
}
.child {
flex: 1; // 所有子元素占等比例的空間
}

以上是一些常見的設置布局居中的方式，實踐中還需要考慮到元素的具體結構和樣式。