在前端開發過程中，居中是一個廣泛出現的需求，其中包括了水平居中和垂直居中兩種，而CSS中提供了許多解決方案，從而使得開發者能夠輕易地實現居中效果。

其中比較常見的是使用flex布局進行居中，這里我們以垂直居中為例，來講解如何使用CSS的flex布局實現側軸居中效果：

.container {
display: flex; /* 設定父容器使用flex布局 */
align-items: center; /* 設定側軸的對齊方式為居中 */
}

在上述代碼中，我們給容器設置了flex布局，同時設定了側軸的對齊方式為居中，這樣就可以實現垂直居中效果了。如果需要水平居中的效果，只需要再添加一個justify-content的屬性即可：

.container {
display: flex; /* 設定父容器使用flex布局 */
align-items: center; /* 設定側軸的對齊方式為居中 */
justify-content: center; /* 設定主軸的對齊方式為居中 */
}

在這里我們同時設定了主軸和側軸的對齊方式均為居中，這樣就能夠實現完全居中的效果了。

除了使用flex布局之外，還可以使用其他的方法來實現居中效果，例如使用absolute布局或者margin等屬性進行設定，但是相對于flex布局而言，這些方法顯得過于繁瑣，因此我們還是推薦使用flex布局進行居中效果的實現。