查看: 39|回复: 0

flex

[复制链接]

4

主题

4

帖子

109

积分

2班运营组

积分
109
发表于 2020-11-20 09:34:47 | 显示全部楼层 |阅读模式

flex 属性是 flex-grow、flex-shrink 和 flex-basis 属性的简写属性。默认值为0、 1、auto 后面两个属性可以选择。
flex-grow:默认值为0,表示不占剩余空间,当为1时,表示平均分配剩余空间;属性为1,会平等分配剩余空间;如果属性为2,其他项目为1
属性为2占据的剩余空间的要比其它项目占据剩余空间要多1倍。
flex-shrink:flex 元素仅在默认宽度之和大于容器的时候才会发生收缩,默认值为1,如果空间不足项目就会缩小,当属性为1,空间不足,会
等比例缩小,子元素空间大于父元素,当一个子元素为0,其余子元素为1,为0的不缩小,其他缩小。
flex-basis :用于设置子元素的占用空间,子项占用空间为设置的值,默认auto,子项的空间就是width/height的值。


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表