Antd <Space> 将项目对齐到两侧

Question

我想使用 Antd 元素将项目 A 左对齐，项目 B 右对齐。如何内联？目前我有：

<Space direction='horizontal'>
 <Space align='start'>
  <p>Item A</p>
 </Space>
 <Space align='end'>
  <p>Item B</p>
 </Space>
</Space>

但所有项目都左对齐。如何修复？

Answer 1

使用可以使用 Antd Grid System 对齐项目

<Row>
  <Col span={12} align="left">
    Item 1
  </Col>
  <Col span={12} align="right">
    Item 2
  </Col>
</Row>

Antd <Space> align items to two sides