Ionic framework 如何在文档中添加换行符？

我正在我的ionic应用程序中使用ionic可选插件。偶尔，我会在我的部分区域中看到较长的文本，这些文本会被截断，然后是

我已经能够将爱奥尼亚可选插件中的css添加到我的global.scss中

@import '~ionic-selectable/esm5/ionic-selectable.component.min.css';

.ionic-selectable-item-is-selected,.ionic-selectable-item-is-disabled {
  color:#ff0000 !important;
}

.ionic-selectable-value {
  overflow-wrap: break-word; // does not work
  font-size: 10px; 
  text-size-adjust: 10%; // does not work
}


.ionic-selectable-item {
  overflow-wrap: break-word; // does not work
  min-height: 20px;
  font-size: 10px;
}

html

{{“新部门”|翻译}

链接到插件

我已经能够编辑字体大小，颜色等。。但我无法添加换行或自动文本大小以适应div.ionic-value

---

任何帮助都将不胜感激。

尝试添加ng deep，它将穿透阴影DOM

 ::ng-deep .ionic-selectable-item {
   overflow-wrap: break-word!important;
   min-height: 20px;
   font-size: 10px;
 }

---

尝试添加将穿透阴影DOM的ng deep

 ::ng-deep .ionic-selectable-item {
   overflow-wrap: break-word!important;
   min-height: 20px;
   font-size: 10px;
 }

这已经不起作用了

ion-label {
  white-space: normal !important;
}

.alert-radio-label.sc-ion-alert-md {
  white-space: pre-line !important;
}

最新的答案是

.item.sc-ion-label-md-h, .item .sc-ion-label-md-h{
  white-space: normal !important;
 }

.item.sc-ion-label-ios-h, .item .sc-ion-label-ios-h{
  white-space: normal !important;
}

这是空白的转折：真正的罪魁祸首是nowrap这不再有效

ion-label {
  white-space: normal !important;
}

.alert-radio-label.sc-ion-alert-md {
  white-space: pre-line !important;
}

最新的答案是

.item.sc-ion-label-md-h, .item .sc-ion-label-md-h{
  white-space: normal !important;
 }

.item.sc-ion-label-ios-h, .item .sc-ion-label-ios-h{
  white-space: normal !important;
}

---

这个空白的转折：真正的罪魁祸首nowrap不起作用。似乎很奇怪，我可以调整字体大小或颜色，但即使在增加容器大小时也无法使overflow wrap正常工作。您可以发布相关的HTML或以其他方式在某处创建一个示例吗？我刚刚发布了HTML并链接到插件。您是否尝试将ios或android设备连接到远程调试器，并查看是否可以进行调试看看CSS有什么用？你甚至可以在位于的演示中这样做。看起来它创建了一堆额外的DOM元素。您可能需要检查并找到合适的级别。不起作用。似乎很奇怪，我可以调整字体大小或颜色，但即使在增加容器大小时也无法使overflow wrap正常工作。您可以发布相关的HTML或以其他方式在某处创建一个示例吗？我刚刚发布了HTML并链接到插件。您是否尝试将ios或android设备连接到远程调试器，并查看是否可以进行调试看看CSS有什么用？你甚至可以在位于的演示中这样做。看起来它创建了一堆额外的DOM元素。你可能需要检查并找到合适的级别。只是一个小通知，我想你可以这样包装：

.item.sc-ion-label-md-h，.item.sc-ion-label-ios-h{空白：正常！重要；}

只是一个小通知，我想你可以这样包装：

.item.sc-ion-label-md-h，.item.sc-ion-label-ios-h{空白：正常！重要；}