display: -webkit-flex; /* 新版本语法: Chrome 21+ */
display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box; /* 老版本语法: Firefox (buggy) */
display: -ms-flexbox; /* 混合版本语法: IE 10 */
display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
注意,display:flex 一定要写在display:-webkit-flex;的后面 ,否则webview以及浏览器等都是webkit的内核会默认走
display: -webkit-box;,但是这个flex就会导致布局不生效。