CSS居中一直是前端開發中常用的技巧之一。不論是水平居中還是垂直居中，都可以使用一些簡單的CSS代碼來實現。下面我們通過幾個案例來了解CSS居中的實現方法。

/* 水平居中 */
.container {
display: flex;
justify-content: center;
align-items: center;
}
/* 垂直居中 */
.container {
position: relative;
}
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

首先，我們來看水平居中的實現方法。可以通過flex來實現，將容器設置為display: flex，并將justify-content和align-items都設置為center即可。

而垂直居中則需要用到絕對定位和transform。將容器設置為position: relative，將需要居中的元素設置為position: absolute，再將top和left都設置為50%，使用transform的translate函數將元素向左移和向上移各自自身寬高的一半，即可實現垂直居中。

除此之外，還有經典的margin:auto法，只需要將需要居中的元素設置為display: inline-block，并將margin設置為auto即可實現水平居中。但是這種方法無法實現垂直居中。

綜上所述，靈活運用這些方法，在實際項目中可以輕松實現元素的居中布局。