如何在整个选项卡栏上均匀分布选项卡

Question

我没有看到任何与此相关的文档，有谁知道如何实现这一点？我注意到 ant design 使用 rc-tabs，所以我查看了他们的文档，但也没有注意到任何东西，想也许我看起来不够仔细。任何帮助表示赞赏。

Answer 1

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

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

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

只要选项卡栏对于每个选项卡及其标题有足够的宽度，这将均匀地间隔所有选项卡，同时还消除每个选项卡之间的空白空间。

前：

后：