柔性盒模型解释
柔性盒模型解释
提问于 2013-08-13 15:58:47
我正在学习CSS3的柔性模型。我查看了MDN页面，我想我得到了一般的概念，但我不明白下面的属性是如何工作的：
flex ：CSS flex属性指定flex基，它是flex项的初始主尺寸。
flex-grow ：CSS flex - grow属性指定flex项的flex因子。
flex -：CSS flex -属性指定flex项的flex收缩因子。
我还试图修补连接在MDN上的沙箱http://demo.agektmr.com/flexbox/和http://the-echoplex.net/flexyboxes/，但我仍然没有被点亮。
你能详细解释一下这些属性以帮助理解它们的含义吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-08-13 17:02:44
正如@cimmanon在注释中所建议的，w3规范更好地解释了它：http://www.w3.org/TR/2012/CR-css3-flexbox-20120918/#flex
简言之：
基于flex的指定了flex项的初始主尺寸，然后根据flex因子分配空闲空间。
flex 控制正空闲空间的分布(当容器的大小大于显示flex项所需的大小时)
伸缩控制负空间的分布(当容器尺寸小于显示项目所需的大小时)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18213840
复制相关文章
相似问题
腾讯云开发者
