时间戳

首页 > 解决方案 > 如何更改 Semantic-UI React 的选项卡标题宽度（垂直选项卡）

javascript - 如何更改 Semantic-UI React 的选项卡标题宽度（垂直选项卡）

问题描述

我正在使用 Semantic-UI React。

<Tab
  menu={{
    fluid: true,
    vertical: true,
    tabular: true
  }}
  panes={this.getTabPanes()}
/>

它工作正常，但选项卡标题有两个宽。 在此处输入图像描述

如何将其更改为绝对值（例如 100px）？

标签： javascriptreactjssemantic-uisemantic-ui-react

解决方案

如果你看一下 Tab 的文档，有一个名为的道具grid，它接受一个对象，这些对象的网格列宽有两个值。例如，你可以通过它，它会改变大小grid={{paneWidth: 6, tabWidth: 2}}

推荐阅读