0
点赞
收藏
分享

微信扫一扫

弹性布局flex

小亦同学321 2022-04-14 阅读 223
css

order 项目排列 取值越小越靠前 默认值0

align-self 单个项目与其他项目不一样

.item:nth-of-type(1){align-self:flex-start;}

flex-grow 把剩余的宽度都充满,如果每个项目取值都设为1 会平均分配

{flex-grow:1;}

使用这个属性平均分配后就不要使用换行

{flex-shrink:1}表示是否被压缩,默认是1 ,表示被压缩。取值0表示不压缩,保持设置的尺寸

flex-basis (固定宽) 优先级比width高,同时设置只会展示flex-basis;但是还是会被压缩宽度,除非设置shrink:0

举报

相关推荐

Flex布局(弹性布局)

Flex弹性布局

flex(弹性)布局

Flex(弹性布局)

flex弹性布局

弹性盒子(flex布局)

Flex弹性盒子布局

图示flex弹性盒布局

0 条评论