Sapui5 如何使文本在IconTabBar中完全显示？

我正在应用程序中使用，文本（指向选项卡的标题）未完全显示。一半的文本被剪切

---

因此，此处的文本应为“质量变化的设定值”，输出为“质量的设定值…”。

由于类中设置了两个属性，文本被切成两半：

sapMITBHorizontalWrapper（用于Wrapper Div）和

sapMITBHorizontal.sapMITBFilter>.sapMITBHorizontalWrapper>.sapMITBText（显示文本的最大宽度）

此处，最大宽度设置为7.5rem，文本溢出设置为：省略号

不知何故，不可能将类添加到IconTabFilter（坏），但可以将类添加到IconTabBar。所以，为了解决这个问题，我将最大宽度增加到10rem。您可以增加和减少最大宽度以满足您的要求

以下是css代码：

.myWidth .sapMITBHorizontalWrapper {
    max-width: 10rem;
}

.myWidth .sapMITBHorizontal.sapMITBFilter>.sapMITBHorizontalWrapper>.sapMITBText {
    max-width: 10rem;
}

视图：

< /代码> 如果文本太长，考虑显示<>强>文本> < /强>与FiRIO设计准则对齐：

如果您的标签被截断，考虑使用较短的标签或文本标签（没有图标），因为文本选项卡不能被截断。
在内部，
IconTabHeader
（
IconTabBar
的标题控件）然后应用样式类
sapmitbtexterly
，该类排除了
最大宽度




由于长度基本上是无限的，因此仍然建议确保文本不会变得太长。
尝试下面的内容

.sapMITBFilter.sapMITBText{
宽度：10雷姆；
}
sapMITBTab先生{
宽度：10雷姆；
}

<IconTabBar class="sapUiResponsiveContentPadding myWidth">
                    <items>
                        <IconTabFilter id='myId' icon="sap-icon://approvals" class='' text="Set Values for Mass Change" design="Horizontal">
                           <!--  <mvc:XMLView viewName="abc.view.selectionPage"/> -->
                        </IconTabFilter>
                        <IconTabSeparator icon="sap-icon://open-command-field"/>
                         <IconTabFilter  icon="sap-icon://approvals" class='' text="Short Text" design="Horizontal">
                           <!--  <mvc:XMLView viewName="abc.view.selectionPage"/> -->
                        </IconTabFilter>
                        <IconTabFilter  icon="sap-icon://approvals" class='' text="Shorter" design="Horizontal">
                           <!--  <mvc:XMLView viewName="abc.view.selectionPage"/> -->
                        </IconTabFilter>

                        <IconTabFilter  icon="sap-icon://approvals" class='' text="This is a Big text." design="Horizontal">
                           <!--  <mvc:XMLView viewName="abc.view.selectionPage"/> -->
                        </IconTabFilter>
                        <IconTabFilter  icon="sap-icon://approvals" class='' text="Lil" design="Horizontal">
                           <!--  <mvc:XMLView viewName="abc.view.selectionPage"/> -->
                        </IconTabFilter>
                    </items>
                </IconTabBar>