我们何时应该使用 CSS Grid,何时应该使用 Flexbox?Rachel Andrew 在 2016 年 就写过关于这个难题的文章:
Flexbox 基本上用于在一维(一行或一列)中布局项目。Grid 用于在二维(行和列)中布局项目。
Ahmad Shadeed 撰写了一篇文章,其中给出了相同的建议,但从不同的角度出发。他认为我们应该 使用 Grid 布局页面,使用 Flexbox 布局组件
请记住,旧的布局方法可能非常适合这项工作。过度使用 Flexbox 或 Grid 会随着时间的推移增加 CSS 的复杂性。我并不是说它们本身很复杂,而是像本文示例中解释的那样,**正确地** 并根据正确的上下文使用它们会更好。
说到这里,这篇文章中还有很多很棒的布局示例。
所以,您的意思是,在设计像标题和导航链接这样的部分时,我们应该使用 Flexbox?而在构建主要内容和文章时,应该使用 Grid?
我们不能在这两种情况下都使用 Grid 吗?因为它允许二维布局。