本文介绍了CSS Flex布局中的一些重要属性，包括order属性用于设置项目排列顺序，align-self允许单个项目自定义对齐方式，如flex-start(水平居上)和flex-end(水平居下)，以及flex-grow和flex-shrink分别用于控制项目的放大和缩小比例。
1.定义项目排列顺序（order）
order 定义项目的排列顺序。数值越小，排列越靠前，默认为0
2. align-self
交叉轴上对齐方式，允许单个项目有与其他项目不一样的对齐方式
align-self：flex-start；单个水平居上对齐 默认水平对齐方式
align-self: flex-end; 单个水平居下对齐
3.Flex-grow
flex-grow定义项目的放大比例，默认值为0.即如果存在剩余空间，也不放大，主要作用，分配剩余空间 1表示把剩余的空间都充满
4.Flex-shrink
flex-shrink是否被压缩，默认值为1 表示被压缩 改成0，不被压缩，保持设置的尺寸
扫一扫
177
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
