使用 Grid 布局页面,使用 Flexbox 布局组件

Avatar of Robin Rendle
Robin Rendle

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 200 美元的免费额度!

我们何时应该使用 CSS Grid,何时应该使用 Flexbox?Rachel Andrew 在 2016 年 就写过关于这个难题的文章:

Flexbox 基本上用于在一维(一行或一列)中布局项目。Grid 用于在二维(行和列)中布局项目。

Ahmad Shadeed 撰写了一篇文章,其中给出了相同的建议,但从不同的角度出发。他认为我们应该 使用 Grid 布局页面,使用 Flexbox 布局组件

请记住,旧的布局方法可能非常适合这项工作。过度使用 Flexbox 或 Grid 会随着时间的推移增加 CSS 的复杂性。我并不是说它们本身很复杂,而是像本文示例中解释的那样,**正确地** 并根据正确的上下文使用它们会更好。

说到这里,这篇文章中还有很多很棒的布局示例。

直达链接 →