开发者社区 问答 正文

下拉自定义组件怎么设置不可换行

已解决

宜搭自定义界面,查询组件里的下拉多选,选择太多就直接换行导致查询组件界面拉伸了,怎么设置不可换行?
跟报表里的下拉筛选一样,能选择不可换行
image.png
image.png

展开
收起
feng子 2024-02-25 10:48:34 189 分享 版权
来自: 钉钉宜搭
2 条回答
写回答
取消 提交回答
  • 如果问题得到了解决,辛苦点下采纳回答哦~
    采纳回答

    根据提供的截图,自定义页面的下拉多选组件默认换行,如果不需要换行的话,你可以添加以下css

    .deep-select .next-select-multiple .next-input.next-medium, .deep-select .next-select-multiple .next-input.next-small {
        white-space: nowrap;
    }
    

    image.png
    不换行效果:image.png
    image.png
    换行效果:image.png

    2024-02-26 09:40:03
    赞同 18 展开评论
  • 上代码:
    1.png

    结果不换行了,但是拉长了,导致搜索按钮都挤没了:
    3.png

    1.gif

    2024-02-28 09:37:37
    赞同 14 展开评论
问答分类:
问答地址: