0
点赞
收藏
分享

微信扫一扫

css弹性盒子

凉夜lrs 2022-03-25 阅读 44
css3

align-self属性

align-self属性允许单个项目有与其他项目不一样的对齐方式,可覆盖align-items属性。

  align-self: auto(默认) | flex-start (头部)| flex-end 居下| center(居中) | baseline与第一行基线对齐 | stretch默认是中间;

该属性可能取6个值,除了auto,其他都与align-items属性完全一致

order属性

order属性定义项目的排列顺序。数值越小,排列越靠前,默认为0。

flex属性

flex属性是flex-grow属性定义项目的放大比例flex-grow:是把剩余空间按比例分配默认值为0,

 flex-shrink 属性定义了项目的缩小比例,默认为1,即如果空间不足,该项目将缩小。

简写:flex-basis:0 1 auto。后两个属性可选

举报

相关推荐

0 条评论