疯狂地强调了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。我最接近的是,但是你...
这里有11个区域,其中flexbox排在Grid (Level 1)之前:
Flexbox和CSS网格是两个不同的功能,我不同意说一个可以替代另一个,或者CSS网格是flexbox的超集。
您说:
我可能应该指出CSS Grid比CSS Flexbox更新得多,因此实际上在某种程度上可以作为替代。就像Flexbox取代了float
的典型用例(不是预期的用途)。
我要说这是我的开头,我很少需要Grid的复杂性/功能,因此我在大多数情况下仍然使用Flexbox。