CSS居中是一個(gè)經(jīng)常被使用的技術(shù)。下面介紹一下如何實(shí)現(xiàn)居中。

/* 水平居中 */
.center{
display: flex;
justify-content: center;
}
/* 垂直居中 */
.center{
display: flex;
align-items: center;
}
/* 水平垂直居中 */
.center{
display: flex;
justify-content: center;
align-items: center;
}

以上代碼分別是實(shí)現(xiàn)水平居中、垂直居中以及水平垂直居中的三種方法。其中都使用了flex布局，可以很方便地實(shí)現(xiàn)居中效果。

可以看出，CSS居中的實(shí)現(xiàn)方法非常簡單，只需要一些布局知識(shí)就可以輕松掌握。同時(shí)，這也是開發(fā)中需要經(jīng)常遇到的一個(gè)問題，大家可以多加練習(xí)，熟能生巧。