补充一个刚刚发现flex的一个坑

2019独角兽企业重金招聘Python工程师标准>>>

flex-wrap 元素一行或多行显示，旧的box语法不支持

.flex-nowrap{ -ms-flex-wrap:none;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;}
.flex-wrap{ -ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;}/*-webkit-box-lines:multiple;亲测不管用*/

正常js中判断是否支持应该是这样的

var supportFlexWrap="flexWrap" in style || "msFlexWrap" in style || "webkitFlexWrap" in style;

但是实际上一些不支持-webkit-flex-wrap的浏览器具有webkitFlexWrap属性，

应该改成这样

var supportFlexWrap="flexWrap" in style || "msFlexWrap" in style || "webkitFlexGrow" in style;

 

转载于:https://my.oschina.net/linsk1998/blog/3009850