如何在 PrimeNg 下拉列表中包装文本？

Question

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

Answer 1

我通过将以下规则添加到 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;
}