Component Spacing

366字约1分钟

2023-08-04

在一些布局场景中，我们应该考虑不同的内容长度对布局的影响。这意味着，我们需要将间距添加到组件中，即使它看起来不需要。

在此示例中，右侧有一个部分标题和一个操作按钮。目前，它看起来还不错。但是，让我们看看当标题更长时会发生什么。

可以看到，文本距离操作按钮太近了。也许我们可以考虑换行，但在我们将在其它章节讨论。现在我们关注间距。

如果标题有间距和文本截断，我们不会看到这样的问题。

.section__title {
  margin-right: 1rem;
}