grid 和 space 联合使用导致的样式问题

[lisiur]

TuSimple/naive-ui version (版本)

2.30.2

Vue version (Vue 版本)

3.2.37

Browser and its version (浏览器及其版本)

Edge(102.0.1245.33)

System and its version (系统及其版本)

Windows11

Node version (Node 版本)

Reappearance link (重现链接)

https://codesandbox.io/s/twilight-dawn-92cokm?file=/src/App.vue

Reappearance steps (重现步骤)

在grid item里使用 space 垂直居中对齐子元素

Expected results (期望的结果)

子元素是垂直居中的

Actual results (实际的结果)

space 会向上偏移，导致子元素在 grid item中 没有居中对齐

Remarks (补充说明)

[07akioni]

应该是负 margin 导致的

[07akioni]

只能在支持 gap 的浏览器里避免这点

[lisiur]

感谢 @07akioni 大佬这么迅速的修复。我有个疑惑，这里的负 margin 是为了解决什么问题呢，我尝试着去掉负 margin 好像也没有什么问题呢，希望大佬百忙中能抽空帮我解惑下，多谢多谢~

[07akioni]

感谢 @07akioni 大佬这么迅速的修复。我有个疑惑，这里的负 margin 是为了解决什么问题呢，我尝试着去掉负 margin 好像也没有什么问题呢，希望大佬百忙中能抽空帮我解惑下，多谢多谢~

具体我也记不太清了，反正和为了把 tags 正的 margin 补回来相关

在一些极限场景是会出问题的