Space间距支持3个元素都是flex 1的布局，但是中间有一条分割线

方案1：Ant Design Space 原生split属性实现（最推荐）

这是官方原生支持的写法，无需额外自定义复杂样式，直接在Space组件上配置即可：

jsx

 

import { Space, Divider } from 'antd'; <Space className="equal-space" split={<Divider type="vertical" />} style={{ width: '100%' }}> <div style={{ flex: 1, textAlign: 'center' }}>元素1</div> <div style={{ flex: 1, textAlign: 'center' }}>元素2</div> <div style={{ flex: 1, textAlign: 'center' }}>元素3</div> </Space>