Reactjs 网格还是Flexboox？如果使用react语义用户界面

目前我正在为我的网页奠定基础（首先也是移动的），我有一个论点。我在react项目中添加了react语义ui

添加的是我的目标布局。现在我应该用什么来绘制这个，

Grid

或

Flexbox

？ 我应该避免使用

网格

？它会减慢渲染速度还是降低性能？或者我应该在最大位置使用

flexbox

？或者应该始终使用

网格

或

flexbox

？或者它可能是两者的结合。 请引导我

---

提前谢谢

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

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

将CSS网格用于二维布局（行和列）

Flexbox仅在一个维度（行或列）中工作得更好

---

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

Hey@victor，这很好回答，但我没有问CSS网格，而是问了我关于

语义ui网格的问题，它与上面创建的布局相关。那么，在这张图中，您希望如何布置基本框架？你喜欢在里面拉flexbox吗？我认为语义网格已经足够了。我可以用flex创建完整的布局，但如果考虑到其他因素，比如性能、一致性和未来变化的适应性，知道具体应该采用什么方法，那就太好了。是的，我明白了）我的答案是一样的。使用语义ui网格创建网格，或者使用任何其他类似引导的方法创建布局，并使用flex管理内部组件。