Space justify="center"布局最后一个元素多了一个margin

[rayZozyl]

Version of antd-mobile

5.40.0

Operating system and its version

iOS

Browser and its version

No response

Sandbox to reproduce

https://codesandbox.io/p/sandbox/bold-ardinghelli-2lwwg6?file=%2Fapp.tsx%3A6%2C11

What happened?

No response

Relevant log output

Space justify="center"布局最后一个元素多了一个margin,期望删除最后一个元素的margin空白

[dosubot]

Hi @ZhangYunLei1201! I'm Dosu and I’m helping the ant-design-mobile team.

这是 antd-mobile Space 组件的已知布局行为：在横向排列（horizontal）时，每个子元素都会有一个右边距（margin-right），容器本身通过负的右边距来抵消最后一个元素的间距，但在 justify="center" 时，这种做法在某些浏览器（如 iOS Safari）下会导致最后一个元素仍然显示多余的空白间距。源码参考。

目前组件没有内置去除最后一个元素 margin 的处理，也没有相关 prop 可以直接控制。你可以通过自定义 CSS 选择器来覆盖最后一个元素的 margin-right，例如：

.adm-space-horizontal > .adm-space-item:last-child {
  margin-right: 0 !important;
}

将这段样式加到你的全局样式或对应页面样式中即可解决问题，不会影响其他布局。实现细节参考。

如果你需要更灵活的间距控制，也可以调整 Space 组件的 CSS 变量（如 --gap-horizontal），但针对最后一个元素，直接覆盖 margin-right 是最简便的方式。

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}    

[rayZozyl]

5.39.0版本没有问题 这个兼容性不止出现在iOS Safari 安卓也有同样的问题 ,官网的demo也是有这个问题

[Passing-of-A-Dream]

好的，这个问题我会修复

[rayZozyl]

好的，这个问题我会修复

thx