CSS中，實現居中是一個經常使用的技巧。下面將介紹幾種實現居中的方法。

/* 水平居中 */
.container {
display: flex;
justify-content: center;
/* 兼容性寫法 */
/* display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
*/
}
/* 垂直居中 */
.container {
display: flex;
align-items: center;
/* 兼容性寫法 */
/* display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
*/
}
/* 水平垂直居中 */
.container {
display: flex;
justify-content: center;
align-items: center;
/* 兼容性寫法 */
/* display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
*/
}

上述代碼中，使用了CSS3中的Flex布局，通過設置display為flex，就可以控制元素的排列方式。

其中，justify-content屬性可以控制元素在主軸（水平方向）上的排列方式，常見的屬性值包括center居中、flex-start起點對齊、flex-end終點對齊、space-between等。

而align-items屬性則可以控制元素在側軸（垂直方向）上的排列方式，常見的屬性值包括center居中、flex-start起點對齊、flex-end終點對齊、stretch等。

上述方法適用于大多數情況下的居中需求。在一些特殊情況下，可能需要使用其它方式來實現居中效果。