我已经做了大约 4 年的 Web 开发人员，而且我一直非常倾向于使用 flex box 而不是 grid。我确定我拥有它的原因是因为它是我最初学到的东西，它已经成为一种舒适的工具。即使在我使用网格的情况下，我也觉得我可以在 flex box 中更快地获得相同的结果。
我又不是没有给网格一个诚实的尝试。我在一家为其他公司构建网站/应用程序的公司工作，对于一个项目，无论是好是坏，我们决定一有机会就使用网格。
所以告诉我。根据你的经验，为什么你会在 flex box 上设置网格？
Grid 和 Flexbox 是两个 CSS 布局系统，使开发人员能够创建响应式和动态的网页设计。两种系统各有优缺点，取舍取决于项目的具体需求。
使用网格的优点：
复杂布局：网格允许更复杂的布局，包括创建多维网格结构的能力，例如嵌套网格或网格中的网格。
固定和灵活的大小：网格提供了灵活性来定义网格项目和轨道的固定和灵活的大小。
精确控制：网格提供对网格项目放置的精确控制，包括将项目放置在特定单元格或网格区域的能力。
垂直对齐：网格允许网格项目的垂直对齐，这在 Flexbox 中是不可能的。
浏览器支持：Grid 具有良好的浏览器支持，支持所有主要的现代浏览器。
使用网格的缺点：
陡峭的学习曲线：Grid 的学习曲线比 Flexbox 更陡峭，因为它的复杂性和需要理解网格线、网格区域和网格模板属性。
不适合单轴布局：网格不适合单轴布局，例如只有行或列布局的布局。
对旧版浏览器的支持有限：旧版浏览器可能不支持 Grid，这可能会导致兼容性问题。
使用 Flexbox 的优点：
简单直观：Flexbox易于学习和理解，是简单布局的不错选择。
一维布局：Flexbox 非常适合一维布局，例如只有行或列布局的布局。
跨浏览器支持：Flexbox 具有良好的跨浏览器支持，包括对旧浏览器的支持。
响应式设计：Flexbox 非常适合创建响应式设计，具有 flex-wrap 和 flex-grow 等特性。
使用 Flexbox 的缺点：
对间距的控制有限：Flexbox 对项目之间的间距的控制有限，这在某些设计中可能是一个缺点。
对复杂布局的支持有限：Flexbox 不适合复杂布局，例如具有多维网格结构的布局。
没有垂直对齐：Flexbox 不提供项目的垂直对齐，这在某些设计中可能是一个缺点。
综上所述，Grid和Flexbox各有优缺点，具体选择还是要看项目的具体需求。对于复杂的多维布局，Grid 是更好的选择，而对于更简单的一维布局，Flexbox 通常是更好的选择。