如何在 PrimeNg 的下拉菜单中换行？

问题描述

如何在 PrimeNg 的下拉字段中换行超出宽度的文本？我曾尝试使用 .p-dropdown-label { word-wrap: break-word; } 但它什么也没做。提前致谢！

解决方法

我设法通过将以下规则添加到 styles.css 来做到这一点：

.p-dropdown-item.p-ripple {
  white-space: normal;
}

您也可以通过在组件样式表上使用 ng-deep 来获得相同的结果，但请记住，不推荐使用 ng-deep。

:host ::ng-deep .p-dropdown-item.p-ripple {
  white-space: normal;
}