flex弹性布局没有生效

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就会导致布局不生效。