带显示器的 PrimeNG MultiSelect:芯片溢出行为
PrimeNG MultiSelect with Display: Chip overflow behaviorr
我的问题与此处面临的问题非常相似:
唯一的区别是我使用多 Select 下拉菜单和显示:芯片作为设置之一。问题是,当我希望它垂直扩展时,容器会继续水平拉伸并离开页面。我想也许找到元素并使用先前答案中建议的 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;
非常感谢您的帮助。
你们非常亲密。下拉菜单在换行时最终可能会有一些难看的空白,但它比页面外的 运行 更好。
::ng-deep p-multiselect .p-multiselect-label{
display: flex;
flex-wrap: wrap;
}
::ng-deep p-multiselect .p-multiselect-token{
margin-bottom: .5rem
}
我的问题与此处面临的问题非常相似:
唯一的区别是我使用多 Select 下拉菜单和显示:芯片作为设置之一。问题是,当我希望它垂直扩展时,容器会继续水平拉伸并离开页面。我想也许找到元素并使用先前答案中建议的 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;
非常感谢您的帮助。
你们非常亲密。下拉菜单在换行时最终可能会有一些难看的空白,但它比页面外的 运行 更好。
::ng-deep p-multiselect .p-multiselect-label{
display: flex;
flex-wrap: wrap;
}
::ng-deep p-multiselect .p-multiselect-token{
margin-bottom: .5rem
}