ant-design/components/space/demo/vertical.md

order	title
1	zh-CN en-US 垂直间距 Vertical Space

zh-CN

相邻组件垂直间距。

en-US

Crowded components vertical spacing.

import { Space, Card } from 'antd';

function SpaceVertical() {
  return (
    <Space direction="vertical" size="middle" style={{ display: 'flex' }}>
      <Card title="Card" size="small">
        <p>Card content</p>
        <p>Card content</p>
      </Card>
      <Card title="Card" size="small">
        <p>Card content</p>
        <p>Card content</p>
      </Card>
      <Card title="Card" size="small">
        <p>Card content</p>
        <p>Card content</p>
      </Card>
    </Space>
  );
}

ReactDOM.render(<SpaceVertical />, mountNode);