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

问题描述

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

import { Space } from 'antd'

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

解决方法

由于Antd将flex用于Space div，因此需要使用justifyContent。 试试这个

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