CSS - 水平居中和垂直居中的多种实现方法

后面的所有例子，都分为 3 层嵌套：父元素，子元素，内容。其中父子元素都是块级元素 div。 1. flex 布局加属性 justify-content，align-items 父元素设置属性 display: flex; justify-content: center; align-items: center;。 2. flex 布局加子元素设置属性 margin 父元素设置属性 display

>>阅读原文<<