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是定义火狐浏览器的
Photoshop|
Dreamweaver|
SVG|
WebGL|
Visual Studio|
PowerDesigner|
Eclipse|
Git|
Apache Ant|
Atom|
Composer|
CodeSmith|
Flex|
Gradle|
Maven|
Sublime Text3|
SVN|
Tableau|
Vim|
Chrome开发者工具|
OpenGL|
Unity|
Direct3D|
用户登录
还没有账号?立即注册
用户注册
投稿取消
文章分类: |
|
还能输入300字
上传中....