如何在整个标签栏上均匀 Space 个标签

Question

我没有看到任何与此相关的文档，有人知道如何实现吗？我注意到 ant design 使用了 rc-tabs，所以我查看了他们的文档，但也没有注意到任何东西，我想也许我看得不够仔细。感谢任何帮助。

Answer 1

覆盖以下 .ant-tabs less 规则为我解决了这个问题：

.ant-tabs {
  &-nav {
    display: flex;

    .ant-tabs-tab {
      flex-grow: 1;
      margin-right: 0px;
      width: 100%;
      text-align: center;
    }
  }
}

只要标签栏有足够的宽度容纳每个标签及其标题，这将均匀 space 所有标签，同时消除每个标签之间的空白 space。

之前：

之后：