flex布局水平垂直居中

flex布局中子元素居中很简单： 第一种： 通过弹性先让元素左右居中，在设定每行居中，即可 第二种： 效果跟第一种相同 在弹性容器中margin：auto；是可以上下左右都生效的。 当然除了弹性的方式还有其他方式： 1.通过margin+transform: translateY的方式： transform: translateY（-50%）是拉去自身子元素自身高度的50%。 注意给父元素加BFC

>>阅读原文<<