Skip to content

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

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

概率:★★★★

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

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

注意

主轴对齐方式居中:justify-content: center

交叉轴对齐方式居中:align-items: center

更新时间: