如何在 Reactjs 中将中心文本或 div 项与 Ant Design Space 对齐？

Question

如何使用 Ant 设计将文本或 div 项目中心与 Space 水平对齐？
这是我的代码：

import { Space } from 'antd'

<Space direction="horizontal" align="center" style={{width: '100%'}}>
  <span>Hello</span>
</Space>

Answer 1

因为 Antd 对 Space div 使用 flex，所以需要使用 justifyContent。尝试这个

<Space direction="horizontal" style={{width: '100%', justifyContent: 'center'}}>