如何解决带显示屏的 PrimeNG MultiSelect:芯片溢出行为器
我的问题与这里面临的问题非常相似:PrimeNG Chips overflow behaviour
唯一的区别是我将多选下拉菜单与显示:芯片一起用作设置之一。问题是当我希望容器垂直扩展时,容器会继续水平拉伸并离开页面。我想也许找到元素并使用上一个答案中建议的 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
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。