ant-design/components/space/demo/vertical.md
2022-05-21 22:14:15 +08:00

674 B

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

zh-CN

相邻组件垂直间距。

en-US

Crowded components vertical spacing.

import { Card, Space } from 'antd';
import React from 'react';

const App: React.FC = () => (
  <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>
);

export default App;