CSS居中是前端開發中常用的技巧，今天來介紹幾種實現方式。

1. 水平居中

.element{
width: 200px;
margin: 0 auto;
}

該段代碼將元素的寬度設置為200px，然后使用margin屬性設置左右邊距為自動，這樣可以將元素水平居中對齊。

2. 垂直居中

.container{
display: flex;
justify-content: center;
align-items: center;
}

需要將元素的父容器設為flex布局，然后使用justify-content屬性和align-items屬性將元素垂直居中對齊。

3. 水平垂直居中

.container{
position: relative;
}
.element{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

首先將元素的父容器設置為相對定位，然后給元素添加絕對定位，并使用top、left屬性將元素移動到容器中心位置，最后使用transform屬性配合translate函數向左向上移動元素的一半距離實現水平垂直居中對齊。