当前位置: 首页 > 知识库问答 >
问题:

中心TabContext材质-ui/core

潘泰
2023-03-14

我有一个选项卡context如下:

<TabContext value={selectedTab.toString()}>
  <TabList>
   <Tab>Hi</Tab>
   <Tab>Hi2</Tab>
  </TabList>
</TabContext>

然而,所有的标签都向右对齐,我想把它们对齐到中心。使用Tabs对象,我可以只传递以为中心的属性,但是,它与TabContext不一样。

我怎样才能像处理选项卡那样将选项卡context居中?


共有1个答案

慕容宏毅
2023-03-14

从TabList留档=

所以你可以写:

<TabList centered>
  <Tab>Hi</Tab>
  <Tab>Hi2</Tab>
</TabList>
 类似资料:
  • 从 1.2 版本开始, UI 的 Sprite 组件支持自定义材质的使用,其使用界面如下图: 其使用方法与其他材质并无不同,但由于 Sprite 面板有基于 UI 内置材质的功能,所以有一些需要注意的点: 当设置自定义材质数量为 0 或为空时,会使用默认材质进行渲染,面板功能及使用方法可参考 Sprite UI 并不支持多材质,自定义材质的数量最多为一个 当使用了 ui 自定义材质之后,面板上的

  • 我想在一个材料UI按钮中居中文本,以便文本居中,而不管它旁边的图标。目前,图标包括在居中。 演示中的顶部两个按钮显示了它目前的外观,我正在寻找文本,因为它在底部两个按钮中出现。这些按钮的前后分别带有图标,而不影响按钮的文字。 最后两个是期望输出 https://codesandbox.io/s/material-demo-forked-tj8ko?file=/demo.js

  • 我想从材质UI更改(减少)工具栏的默认高度 我已经提到了如何更改材质UI工具栏高度?但我仍然面临着这个问题 问题是,当我超过50岁时,我能看到变化。但当我想降低高度时,我无法做到。 我如何才能实现这一点? 我的代码:

  • 问题内容: 我在从CardMedia图片上的道具获取图片时遇到了一些麻烦: 它只是不渲染所有图像。所有其他props值将按需渲染。同样作为Material UI,我在JS css上指定了CardMedia的高度。 有谁知道为什么会这样吗? 问题答案: 好的,有同样的问题。终于成功了。 您还可以检查:https : //codesandbox.io/s/9zqr09zqjo-无选项加载图像。图片位置

  • 问题内容: 我正在与Material-UI一起玩。是否有创建网格布局的任何选项(例如在Bootstrap中)? 如果不是,添加此功能的方式是什么? 有一个GridList组件,但我想它有一些不同的用途。 问题答案: 材质UI已通过Grid组件实现了自己的Flexbox布局。 看来他们最初想将自己保留为纯粹的“组件”库。但是一位核心开发者认为不要拥有自己太重要了。现在,它已合并到核心代码中,并随v1

  • 我不知道如何在材质UI中居中放置按钮。这是我的代码: 我怎样才能使我的按钮居中?