如何使材质 UI 选项卡标签离开?默认情况下它的中心对齐

Posted

技术标签:

【中文标题】如何使材质 UI 选项卡标签离开?默认情况下它的中心对齐【英文标题】:How to make materil UI tabs label left ? by default its center aligned 【发布时间】:2020-08-06 03:13:39 【问题描述】:

默认材质ui标签标签是居中对齐的,如何让它左对齐?

center aligned tab labels image

【问题讨论】:

您好,欢迎来到 ***。请花一些时间阅读帮助页面,尤其是名为"What topics can I ask about here?" 和"What types of questions should I avoid asking?" 的部分。更重要的是,请阅读the Stack Overflow question checklist。您可能还想了解Minimal, Complete, and Verifiable Examples。 你可以使用codesandbox.io创建一个例子 【参考方案1】:

也许这会有所帮助

.MuiTab-wrapper 
        align-items: self-start;
        justify-content: flex-start;


默认情况下,它们都居中。

【讨论】:

以上是关于如何使材质 UI 选项卡标签离开?默认情况下它的中心对齐的主要内容,如果未能解决你的问题,请参考以下文章

材质 UI 已选择选项卡样式

省略未添加到材质 UI 选项卡文本中

材质 ui 选项卡容器的动态高度

所选材质 UI 选项卡的颜色与其他选项卡不同

Kendo UI TabStrip - 通过它的文本选择一个标签

在材料ui选项卡组件中将选项卡设置为活动