1. 多个子元素水平并排，IE10以下失效
display: flex; align-items: center; justify-content: center;
2.多个子元素竖直排列，这种方式会导致margin失效，IE8以下失效
display: table-cell; vertical-align: middle;
1. 多个子元素水平并排，IE10以下失效
display: flex; align-items: center; justify-content: center;
2.多个子元素竖直排列，这种方式会导致margin失效，IE8以下失效
display: table-cell; vertical-align: middle;