实践中总结出来的,其实只用display:flex;会有兼容问题。因为这算是最新的规范了吧,一些老一点浏览器支持并不是很好。
其实以前应该还有display:box;当然一般还会加上前缀,display:-webkit-box;子元素会写成box-flex=1;等等
针对这种情况,在实际开发中会把以前旧版的规范写在前面,后面写上新版的规范。比如这样:
.box{
display:-webkit-box;
display:box;
display:-webkit-flex;
display:flex;
}
其实以前应该还有display:box;当然一般还会加上前缀,display:-webkit-box;子元素会写成box-flex=1;等等
针对这种情况,在实际开发中会把以前旧版的规范写在前面,后面写上新版的规范。比如这样:
.box{
display:-webkit-box;
display:box;
display:-webkit-flex;
display:flex;
}
2016-07-27