如何在 react 中对子组件创建间隔？

在使用 ant design 时，您可能希望在子组件之间创建间隔。这里有两种方法：

1. ant design 的 space 组件

ant design 提供了一个专门用于在子组件之间创建间隔的组件：space。

CSS婚礼策划服务机构宣传网站模板

CSS婚礼策划服务机构宣传网站模板是一款适合提供婚礼策划和婚庆服务机构宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。

下载

2. css 选择器

您可以使用 css 选择器为所有子组件应用间隔。您可以使用通配符选择器 * 匹配所有后代元素：

.space > * {
    margin-left: 8px;
    margin-right: 8px;
}

<div class="space">
  <div>A</div>
  <div>B</div>
</div>

最佳实践

使用 space 组件是创建间隔的推荐方法，因为它提供了灵活性并避免了手动设置样式的麻烦。您还可以自定义 space 的间距、对齐和换行。