网格布局与采用 TailwindCSS 等框架的 Flexbox。为什么要使用网格布局

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

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

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

我读过一些人认为只使用弹性框和弹性列很懒,甚至说这会让你看起来很糟糕。不要误会我的意思,我并不讨厌网格系统。

css tailwind-css
1个回答
0
投票

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

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

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

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