在 Antd V.4 中, 组件、 组件和 组件均可用于布局,但它们的应用场景有所不同。
- 组件
组件用于实现两个组件之间的间距,通常用于横向排列一组组件。可以通过设置 size 属性来调整间距大小。
代码示例:
import { Space, Button } from 'antd';
和 组件
和 组件可以结合使用,用于实现网格布局。 组件作为容器,包含多个 组件, 组件定义每个网格的宽度和间距。
代码示例:
import { Row, Col } from 'antd';
Column 1
Column 2
Column 3
以上示例中,gutter 属性用于设置每个列之间的间距。在
组件中,使用 span 属性设置每个列所占网格数。
综上所述,当需要实现组件间间距时,使用 组件;需要实现网格布局时,使用 和 组件。