如何在SAPUI5中打破IconTabBar中选项卡的标题

我正在尝试打破IconTab组件中选项卡的标题

我尝试使用CSS。默认情况下，其宽度为“自动”。在我的标题显示为省略号后，我将其更改为5rem[例如，我是标题…，实际标题是我是这里的标题]

我的代码如下所示：

在我的系统中，我越来越像这样了

实际设计如下所示：

我的Css是这样的：

---

在这种情况下，它首先应用自动宽度。然后我将该样式改写为5rem。你可以在我的截图中看到。

不知道你的意思。。。标题的默认宽度实际上设置为

5rem

，而不是

auto

如果设置

width:auto您不会得到换行符，但您的选项卡标题至少是可见的

换行可能是可能的，但您需要更改更多CSS（IconTabBar高度等）

编辑：我觉得你也会显示一个图标。如果不是这样，只需设置属性
showAll=“true”
，无需更改CSS:）

请参见此工作示例：


sap.ui.controller（“view1.initial”{
onInit:function（oEvent）{}
});
var oView=sap.ui.xmlview({
viewContent:jQuery（“#view1”）.html（）
});
oView.placeAt（“uiArea”）

SAPUI5示例
您可以在自己的CSS文件中覆盖SAPUI5主题的布局设置，方法是添加！CSS的重要标记。这是一个“快速且肮脏”的解决方案，虽然效果很好，但很难大量管理

假设您想将宽度更改为50%，您可以将以下内容添加到CSS文件中：

.sapMITBTextOnly .sapMITBText{
width: 50% !important;
}

.sapMITBTextOnly .sapMITBText{
width: 50% !important;
}