lexbox：那个灵活的盒子有多大？

Desknumber

在过去的两篇文章中，我们了解了创建 Flex 容器时会发生什么，并且还了解了对齐方式。这次我们探讨 Flexbox 中经常令人困惑的尺寸问题。Flexbox 如何决定事物应该有多大？

这是我的 Flexbox 系列的第三部分。在过去的两 电子邮件营销列表 篇文章中，我们了解了创建 Flex 容器时会发生什么，并探讨了它在 Flexbox 中的对齐方式。这次我们就来看看尺码。我们如何控制弹性项目的大小，浏览器在控制大小时会做出什么选择？



Flex 项目的初始显示 \如果我有一组项目，其中内容的长度可变，并将其父项设置为display: flex，则这些项目将显示为一行并在该轴的开头对齐。在下面的示例中，我的三个项目的内容较少，并且能够将每个项目的内容显示为不间断的线条。Flex 容器的末尾有一个空间，项目不会增长到该空间，因为 的初始值为flex-grow, 0do not Growth。