语义 UI (React) 网格居中问题

Semantic UI (React) Grid centering issue

我试图在网格布局中将子项(水平和垂直)置于其父项的中心。 我不想使用

这样的技巧

top: 50%; left: 50%; transform: translate(-50%, -50%);

因为这不使用 Grid 属性并且会产生动画问题。

应该很容易,但我做不到...

你能帮帮我吗?

https://codesandbox.io/s/qkyv1v8oq6

谢谢

原来flex中的parent始终是块元素(如果不声明不同的话),所以赋值就ok了:margin: 0 auto;仅此而已