flex 弹性合子 属性 place-content:space-between //两端对齐 place-content:space-around //分撒对齐 place-content:space-evenly//平均对齐 交叉轴上的对齐方式 place-items:start //顶部对齐 place-items:end //底部对齐 项目属性 1项目的缩放比例 flex 放大因子 收缩因子 宽度 默认值 flex: 0(不放大)0(不缩小)auto(取项目宽度) 例:flex 0 1 200px 双值语法 第三个值auto flex:1 1;flex: 0 0 单值语法 flex 1 (1 1 auto)//可放大可缩小; 语法糖 flex 0 1 auto // flex initial flex 1 1 auto // flex auto flex 0 0 auto flex none 布局 .item:first-child{ flex: 2//左边站两列 } .item:first-child + *{ flex:8; } .item:last-child{ flex:2; place-self:end; order } 2项目的某个特定项目的交叉轴上对齐
2023-03-230个赞