网格布局与采用 TailwindCSS 等框架的 Flexbox。为什么要使用网格布局? [已关闭]

问题描述 投票:0回答:1

正如标题所说。如果我使用像 tailwindCSS 这样的框架和 React,为什么我会选择使用网格布局?我绝对理解网格的用例作为一种具有更多控制的二维布局,但是当人们几乎可以达到相同的结果并且我认为响应能力更强时,为什么人们会真正选择使用网格布局呢?

我在我正在开发的项目中看到一个实例,我可以在其中获得一个输入以与其余部分均匀对齐,但那是因为在个人资料页面上选择的输入字段更大,无论如何,该页面可能会发生更改我怀疑投入会超出需要的量。或者可以为每个断点显式设置。

编辑:将其留在这里,因为它实际上是在提出问题并明确说明我选择使用基于网格的系统的原因。或者我们是否碰巧错过了实际上嵌入这里的问题?像这样的事情不应该被否决或关闭,因为它包含带有示例案例的意见。否则,人们如何理解更好的案例来使用基于他们的经验的东西?我明确询问为什么我会使用网格系统而不是弹性盒设计。这样做似乎有点倒退,没有机会学习...如果需要将其发布到某个地方,请指出在哪里。我不明白为什么人们不能为此提供一个事实示例或一个利用示例的好例子......

css frontend tailwind-css
1个回答
-2
投票

事实上,我也更频繁地使用 Flex-box,而不是网格布局,但在某些情况下,使用网格布局比 Flex 布局更受青睐。

例如,如果您正在设计具有多个小部件(例如图表、图形和列表)的仪表板,CSS 网格是理想选择,因为它提供对行和列的精确控制,允许某些小部件跨越多行或多列,而其他小部件则可以跨越多行或多列。适合较小的空间。与 Flexbox 不同,Flexbox 是一维的,一次仅控制行或列,而 Grid 可以处理二维布局,使其非常适合元素需要垂直和水平对齐的复杂设计。这使得网格更适合杂志风格的布局、产品网格或任何需要一致间距、元素跨度以及对行和列的平等控制的场景。

我希望有人可以针对您的疑问给出更合适的答案。

© www.soinside.com 2019 - 2024. All rights reserved.