标签为

我应该使用网格还是 Flexbox？

Rachel Andrew 的两句话解释了何时选择哪种布局方式

Flexbox 本质上用于在一维中排列项目 - 在一行或一列中。网格用于在二维中排列项目

…

Robin Rendle 于 2016 年 4 月 13 日

以下是 Manuel Matuzovic 的客座文章。它说明了 flex-grow 的工作原理，包括奇怪的怪癖。然后他介绍了几个关于如何使用 `flex-grow` 和 `flex-basis` 实现常见布局模式的示例。

当我…

Manuel Matuzovic 于 2017 年 4 月 10 日

flex-grow 属性是灵活盒子布局模块的一个子属性。

它定义了弹性项目在必要时增长的能力。它接受一个无单位的值，作为比例。它指示…

Chris Coyier 于 2021 年 8 月 4 日

align-content 属性是灵活盒子布局模块的一个子属性。

当横轴上有额外空间时，它有助于在弹性容器内对齐弹性容器的行，类似于 `justify-content` 如何对齐弹性容器内的单个项目…

34 Cross 于 2021 年 7 月 28 日

我们关于 CSS flexbox 布局的全面指南。这份完整的指南解释了有关 flexbox 的所有内容，重点介绍了父元素（弹性容器）和子元素（弹性项目）的所有可能的属性。它还包括历史记录、演示、模式和浏览器支持图表。

Chris Coyier 于 2024 年 8 月 12 日