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

Question

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

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

预先感谢！

Answer 1

CSS-grid非常适合构建广泛的布局。它甚至可以帮助创建非对称项目。

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

将CSS网格用于2D布局（行和列）

Flexbox仅在一个维度（行或列）上效果更好

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