flex佈局水平垂直居中

flex佈局中子元素居中很簡單： 第一種： 通過彈性先讓元素左右居中，在設定每行居中，即可 第二種： 效果跟第一種相同 在彈性容器中margin：auto；是可以上下左右都生效的。 當然除了彈性的方式還有其他方式： 1.通過margin+transform: translateY的方式： transform: translateY（-50%）是拉去自身子元素自身高度的50%。 注意給父元素加BFC

>>阅读原文<<