0
点赞
收藏
分享

微信扫一扫

flex的12个属性

是她丫 2022-07-13 阅读 39

容器(父元素)的属性:

flex-direction属性决定主轴的方向

flex-wrap 属性决定项目在一行排不下的情况下是否换行

flex-flow ​​flex-flow​​​属性是​​flex-direction​​​属性和​​flex-wrap​​​属性的简写形式,默认值为​​row nowrap​​。

jstify-content    ​​justify-content​​属性定义了项目在主轴上的对齐方式

align-items 属性定义了每行项目在側轴方向上的对齐方式\

align-content属性 a​​lign-content​​属性定义了容器在側轴方向上有额外空间时怎样排布

子容器

order属性     ​​order​​属性定义项目的排列顺序。数值越小排列越靠前,默觉得0,可能的值为随意整数。

flex-grow属性 ​​flex-grow​​属性定义项目的放大比例,默觉得0,即假设存在剩余空间也不放大。

flex-shrink属性 ​​flex-shrink​​属性定义了项目的缩小比例,默觉得1。即假设空间不足该项目将缩小。

flex-basis 属性定义了在分配多余空间之前,项目占领的主轴空间(main-size)。

flex属性   ​​flex​​​属性是​​flex-grow​​​, ​​flex-shrink​​​ 和 ​​flex-basis​​​的简写,默认值为​​0 1 auto​​。  

align-self属性 ​​align-self​​​属性同意单个项目有与其它项目不一样的側轴对齐方式,可覆盖​​align-items​​属性。

 



举报

相关推荐

0 条评论