IE10兼容display:flex;弹性布局的属性兼容写法

兼容性属性对应值，支持IE10以上，IE10以下目前不兼容display:flex弹性布局。

常规写法　　　　　　　　　　　　　　　      IE10兼容写法

display: flex; 　　　　　　　　　　　　 　display: -ms-flexbox;

flex-direction: column;　　　　　　　　　 -ms-flex-direction: column;

justify-content: center; 　　　　　　　　　-ms-flex-pack: center;

justify-content:space-between;　　　　　  -ms-flex-pack: justify;

justify-content:space-around;　　　　　　 -ms-flex-pack: justify; // 无法实现，用justfiy代替

justify-content: flex-end;　　　　　　　　  -ms-flex-pack: end;

align-items: flex-start;　　　　　　　　　  -ms-flex-align: start;

align-items: center;　　　　　  　　　　　-ms-flex-align: center;

align-items: flex-end;　　　　　　　　　　-ms-flex-align: end;

align-items: baseline;　　　　　　　　　   -ms-flex-align: baseline;

flex: 1;　　　　　　　　　　　　　　　　   -ms-flex: 1;
align-self: center;　　　　　 　　　　　　-ms-align-self: center;
flex-wrap: wrap; 　　　　　　　　　　　   -ms-flex-wrap: wrap;