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