flex佈局水平垂直居中

敲黑板！！面試題中命中率較高的話題之一：請說出讓子元素在父容器當中水平垂直居中顯示的方案有哪些？ 跟據要垂直居中的元素寬高是否固定來進行分類： 一、居中元素寬高固定 1、絕對定位+ margin 2、絕對定位+calc 3、絕對定位+margin：auto 二、居中元素寬高不固定 1、絕對定位+translate 修改父容器寬高再試一下 2、flex佈局 修改子元素寬高 以上分享希望能幫助到大家，

>>阅读原文<<