flex属性快速查询

Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。

容器的属性
属性llllllllllllllIIIIIIIIIII描述
display属性指定容器采用flex布局
flex-direction属性决定主轴的方向(即项目的排列方向)
flex-wrap项目的换行方式
flex-flowdirection和warp的缩写默认是row nowrap
justify-content项目在主轴上的对齐方式
align-items项目在交叉轴上对齐方式
align-content交叉轴多根轴线的对齐方式,一根不起作用
项目的属性
属性 llllllllllllllIIIIIIIIIII描述
flex-order项目的排列顺序。数值越小,排列越靠前,默认为0
flex-grow项目的放大比例,默认为0,即如果存在剩余空间,也不放大。
flex-shrink项目的缩小比例,默认为1,即如果空间不足,该项目将缩小(常体现在主轴是x轴时且nowarp时)。
flex-basis
flexflex-grow, flex-shrinkflex-basis的简写,默认值为0 1 auto,后两个属性可选。常用使项目不缩放,在项目上加:flex:1,
align-selfalign-self属性允许单个项目有与其他项目不一样的对齐方式,可覆盖align-items属性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值