语义 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;
仅此而已
我试图在网格布局中将子项(水平和垂直)置于其父项的中心。 我不想使用
这样的技巧top: 50%;
left: 50%;
transform: translate(-50%, -50%);
因为这不使用 Grid 属性并且会产生动画问题。
应该很容易,但我做不到...
你能帮帮我吗?
https://codesandbox.io/s/qkyv1v8oq6
谢谢
原来flex中的parent始终是块元素(如果不声明不同的话),所以赋值就ok了:margin: 0 auto;
仅此而已