CSS是前端開發(fā)者必備的技能之一，其中的居中方案尤其重要。下面將介紹CSS中三種常見的居中方案：

1、水平居中

{
display: flex;
justify-content: center;
}

或者可以使用

{
text-align: center;
}

2、垂直居中

.parent{
display: flex;
align-items: center;
}
.child{
//簡(jiǎn)單寫法1
margin: auto;
//簡(jiǎn)單寫法2
position: absolute;
top: 50%;
transform: translateY(-50%);
}

3、水平垂直居中

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

另附盒模型居中方案：

.parent{
position: relative;
}
.child{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}

以上就是CSS中三種常見的居中方案，可以根據(jù)需要選擇不同的方案達(dá)到最佳的效果。