flex和 -webkit-box的区别

Flex和-webkit-box都是CSS布局模块中的一种弹性盒模型布局，它们可以用来实现弹性布局，但是它们的实现方式和用法有一些区别。

Flex是CSS3中新增的一种布局模式，它可以用来在一个容器中对子元素进行灵活的排列。Flex布局中，容器的子元素可以沿着主轴方向或者交叉轴方向进行排列，也可以在两个方向上进行排列，同时还可以设置子元素的对齐方式、间距等属性。Flex布局的语法比较简单易懂，而且具有较好的兼容性。

-webkit-box是早期的一种弹性盒模型布局，主要用于解决一些浏览器兼容性问题。-webkit-box的语法和Flex有些类似，但是它的功能比Flex要弱一些，只能在主轴方向或者交叉轴方向上排列子元素，而且对子元素的对齐方式、间距等属性的支持较弱。

综上所述，Flex和-webkit-box都是弹性盒模型布局，但是Flex具有更强的功能和更好的兼容性，建议在实际开发中采用Flex布局。