Flexbox覆盖的区域,使用网格很难或无法实现

问题描述 投票:4回答:3

疯狂地强调了Flexbox用于1-D,而Grid用于2-D,但是我还没有找到清楚的解释,为什么不能将Grid用于1-D并代替Flexbox。 closest I came to

但是您也可能会争辩说,像这样的纯一维布局更多在Flexbox中功能强大,因为Flexbox允许我们移动这些元素周围更容易(例如,将它们全部移到一侧或另一侧,更改其订购,将它们均匀隔开,等等。

我使用Grid和Flexbox进行基本布局:框在页面上的一般放置以及一些动态的,通常是堆叠的。美观的(烤面包机,模式,...)通过框架进行管理。 我还没有发现Grid无法开箱即用地替换Flexbox的情况(即没有高级CSS技巧或大量代码)。

以上面引用的例子为例,提到的所有“动作”都可以在Grid中直接使用,通常具有与Flexbox相同的语义。

Flexbox涵盖哪些难以或无法通过Grid管理的基本领域?]] >>

编辑:浏览器支持并不重要(我只使用常绿的浏览器,如果需要可以切换)

疯狂地强调了Flexbox用于1-D,而Grid用于2-D,但是我还没有找到清楚的解释,为什么不能将Grid用于1-D并代替Flexbox。我最接近的是,但是你...

css flexbox css-grid
3个回答
9
投票

Advantage Flexbox

这里有11个区域,其中flexbox排在Grid (Level 1)之前:


4
投票

Flexbox和CSS网格是两个不同的功能,我不同意说一个可以替代另一个,或者CSS网格是flexbox的超集。

您说:


0
投票

我可能应该指出CSS Grid比CSS Flexbox更新得多,因此实际上在某种程度上可以作为替代。就像Flexbox取代了float的典型用例(不是预期的用途)。

我要说这是我的开头,我很少需要Grid的复杂性/功能,因此我在大多数情况下仍然使用Flexbox。

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