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

标签 javascript reactjs semantic-ui semantic-ui-react

我正在使用 Semantic-UI React。

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

它工作正常,但 Tab 标题有两个宽度。 enter image description here

如何将其改为绝对值(例如100px)?

最佳答案

If you take a look at the docs for Tab ,有一个名为 grid 的 Prop ,它接受一个具有两个网格列宽值的对象。例如,您可以传递它,它会改变大小 grid={{paneWidth: 6, tabWidth: 2}}

关于javascript - 如何更改 Semantic-UI React 的选项卡标题宽度(垂直选项卡),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52745437/

相关文章:

javascript - 从单选按钮和复选框中选择的选项不传递数据

javascript - Semantic-ui modal - 页面跳转到顶部

javascript - 如何使用 jquery 递归地附加此树数据?

Javascript条件点击事件运行多次

javascript - 为什么填写字段后我的错误消息没有更新? ( react )

javascript - 使用 React 和 Bootstrap 通过数组进行映射

css - 表单内处于错误状态的语义 UI 输入元素

Javascript 正则表达式匹配太多字符

javascript - reactjs - 无法读取未定义的属性推送

arrays - react refs 数组