CSS居中是前端面試中經常出現的問題。下面我們就來看一下CSS居中的幾種方式：

1. 水平居中

父元素{
display: flex;
justify-content: center;
}

2. 垂直居中

父元素{
display: flex;
align-items: center;
}

3. 水平垂直居中

父元素{
display: flex;
justify-content: center;
align-items: center;
}

4. 定位居中

父元素{
position: relative;
}
子元素{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

5. 文字居中

父元素{
text-align: center;
}

以上就是CSS居中的幾種常見方式，希望對大家有所幫助。