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

How to align center text or div item with Ant Design Space in Reactjs?


如何使用 Ant design 将文本或 div 项目中心与 Space 水平对齐?
这是我的代码:
import { Space } from 'antd'

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

因为Antd为Spacediv使用了flex,所以需要使用justifyContent。 试试这个

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