1. 多个子元素水平并排,IE10以下失效

 display: flex;
 align-items: center;
 justify-content: center;

[CSS] 子元素垂直居中的两种方式-LMLPHP

2.多个子元素竖直排列,这种方式会导致margin失效,IE8以下失效

 display: table-cell;
 vertical-align: middle;

[CSS] 子元素垂直居中的两种方式-LMLPHP

  

  

05-08 15:02