flex 均分
- 作者: -单手解罩罩
- 来源: 51数据库
- 2020-10-02
display:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。
目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有属性定义firefox(-moz-)、opera(-o-)、chrome/safari（-webkit-)。
-moz-是火狐浏览器的前缀
个人觉得这种写法应该是老掉牙了，-moz-是火狐浏览器的前缀，应该是几年前的火狐不支持display：box属性，所以才会加前缀，但是现在都支持了，可以去掉这个前缀，直接写：
display:box;
区别如下：
display：flex主要让子容器针对父容器的宽度按一定规则进行划分
display：box主要是控制父容器里面子元素的排列方式、排列顺序、垂直（水平）对齐方式
MOZ-BOX是定义火狐浏览器的
目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有属性定义firefox(-moz-)、opera(-o-)、chrome/safari（-webkit-)。
-moz-是火狐浏览器的前缀
个人觉得这种写法应该是老掉牙了，-moz-是火狐浏览器的前缀，应该是几年前的火狐不支持display：box属性，所以才会加前缀，但是现在都支持了，可以去掉这个前缀，直接写：
display:box;
区别如下：
display：flex主要让子容器针对父容器的宽度按一定规则进行划分
display：box主要是控制父容器里面子元素的排列方式、排列顺序、垂直（水平）对齐方式
MOZ-BOX是定义火狐浏览器的
推荐阅读
