Space 组件设置间距后子元素换行了怎么办?

宇文子睿 阅读 38

我在用 Ant Design 的 Space 组件给按钮加间距,本来是想让它们水平排列,但加了 size="large" 之后,后面的按钮突然就换行到下一行去了,明明容器宽度还很宽啊。

我试过给父容器加 white-space: nowrap,也试过给 Space 加 style={{ display: 'inline-flex' }},但都没用。是不是 Space 默认用了 flex-wrap?怎么才能强制让它不换行?

<Space size="large">
  <Button>按钮1</Button>
  <Button>按钮2</Button>
  <Button>按钮3</Button>
</Space>
我来解答 赞 7 收藏
二维码
手机扫码查看
1 条解答
A. 娅廷
A. 娅廷 Lv1
Space 默认用了 flex-wrap: wrap,加 style={{ flexWrap: 'nowrap' }} 就行,注意得写在 Space 上,不是父容器。




点赞 10
2026-02-24 10:03