弹性盒子中 flex: 0 1 auto 表示什么意思#前端面试
弹性盒子中 flex: 0 1 auto 表示什么意思#前端面试
展开
收起
1
条回答
写回答
写回答
-
flex :flex-grow flex-shrink flex-basis ①.flex-grow 剩余空间索取 默认值为0，不索取 eg:父元素400，子元素A为100px，B为200px.则剩余空间为100 此时A的flex-grow 为1，B为2， 则A=100px+1001/3; B=200px+1002/3 ②.flex-shrink 子元素总宽度大于复制元素如何缩小 父400px,A 200px B 300px AB总宽度超出父元素100px; 如果A不减少，则flex-shrink ：0,B减少； ②,flex-basis 该属性用来设置元素的宽度，当然width也可以用来设置元素的宽度，如果设置了width和flex-basis，那么flex-basis会覆盖width值。2020-05-23 14:39:38赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
