网格还是 Flexboox？如果使用react-semantic-ui

Question

目前我正在奠定我的网页的基础（也是移动优先），我有一个论点。我在我的反应项目中添加了react-semantic-ui。

添加的是我的目标布局。现在我应该用什么来绘制这个，Grid或者Flexbox？我应该避免使用Grid吗？它会减慢渲染速度或降低性能吗？或者我应该使用flexbox最多的地方？或者它应该始终使用Gridor flexbox？或者它可能是两者的组合。请指导我。

提前致谢！

Answer 1

CSS 网格非常适合构建宽布局。它甚至可以帮助创建不对称项目。

Flexbox 非常适合对齐元素内的内容。使用flex来放置项目的小细节。

使用 CSS 网格进行 2D 布局（行和列）

Flexbox 仅在一维（行或列）中效果更好

没有理由只使用其中之一。研究它们并一起使用。