PrimeNG MultiSelect with Display：芯片溢出行为答案

【问题标题】：PrimeNG MultiSelect with Display: Chip overflow behaviorrPrimeNG MultiSelect with Display：芯片溢出行为
【发布时间】：2021-05-10 23:26:27
【问题描述】：

我的问题与这里面临的问题非常相似：PrimeNG Chips overflow behaviour

唯一的区别是我使用了 Multi-Select Dropdown 和 Display: Chip 作为设置之一。问题是容器继续水平拉伸并离开页面，当我希望它垂直扩展时。我想也许找到元素并使用上一个答案中建议的 CSS 会起作用，但无济于事......我尝试了以下方法：

::ng-deep .p-multiselect-label-container, .p-multiselect-chip {
  flex-wrap: wrap;
  align-content: space-between;
  padding-bottom: 0;
}

::ng-deep .p-multiselect-token, .p-multiselect-token-label {
  margin-bottom: 0.5rem;

非常感谢您的帮助。

【问题讨论】：

标签： primeng primeng-dropdowns

【解决方案1】：

你们很亲密。下拉列表在换行时可能会出现一些难看的空白，但它比离开页面要好。

::ng-deep p-multiselect .p-multiselect-label{
    display: flex;
    flex-wrap: wrap;
}

::ng-deep p-multiselect .p-multiselect-token{
    margin-bottom: .5rem
}

【讨论】：