首页 > 代码库 > CSS3 盒模型
CSS3 盒模型
1,弹性核模型
新版父级display:flex;
// 水平 方向
flex-direction:row;
// 竖直 方向
flex-direction:colunm;
flex-direction: row-reverse;
flex-direction: column-reverse;
display: flex;
justify-content: flex-start/flex-end/center/space-between/space-around
justify-content: space-between;
justify-content: space-around;
垂直 :display: flex; align-items: flex-start/flex-end/center/baseline;
子级弹性空间:flex-grow: num;
子级排列顺序 order:num;
老版display:-webkit-box;
-webkit-box-orient:horizontal:
-webkit-box-orient:vertical:
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
display: -webkit-box;
-webkit-box-pack:start/end/justify/center;
-webkit-box-pack:justify;
垂直 :display: -webkit-box; -webkit-box-align: start/end/center;
子级弹性空间:-webkit-box:num;
子级排列顺序 -webkit-box-ordinal-group:num;
CSS3 盒模型
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。