关于华为手机兼容flex的设置问题

1：因为华为自带浏览器的内核问题，对于flex的使用支持非常有限，所以使用flex,有时候即使添加了-webkit前缀也是无效的；

display: flex;写法

span {

display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;

}

justify-content: center

span {

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

}

align-items: center

span {

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

}

flex: 1

span {

-webkit-box-flex:1;-ms-flex:1;flex:1;display:block;width:0%;

}

注意：给flex添加前缀并不是万能的，其原因是不能用行内元素，要改成block才能更好的支持flex，当元素使用flex:1时，要增加width:0%; 且不能使用margin:0 auto;

参考:https://segmentfault.com/n/1330000009679192