如何让一个元素水平垂直居中？有几种方式？ ​

定位：初级、中级前端职位

概率：★★★★

相关链接：实现元素水平垂直居中效果

一句话回答面试官：目前已知的有两种方式，一种是通过 flex 的方式实现，是相对比较容易的，第二种是通过 margin 和 absolute 实现。如果用 flex 实现则是直接把父级容器设置为 flex，并且主轴的对齐方式设置为居中，交叉轴的对齐也设置为居中即可。