如何让一个元素水平垂直居中?有几种方式?
定位:初级、中级前端职位
概率:★★★★
相关链接:实现元素水平垂直居中效果
一句话回答面试官:目前已知的有两种方式,一种是通过 flex 的方式实现,是相对比较容易的,第二种是通过 margin 和 absolute 实现。如果用 flex 实现则是直接把父级容器设置为 flex,并且主轴的对齐方式设置为居中,交叉轴的对齐也设置为居中即可。
注意
主轴对齐方式居中:justify-content: center
交叉轴对齐方式居中:align-items: center