首页 layui select 选项过宽问题

layui select 选项过宽问题

2024-12-04 14:54:34 488 0

前端

下拉框内容过长时,部分交互在一些场景下不太好。
1.宽度会撑开,页面甚至会出现滚动条
2.强制设置宽度之后,内容会隐藏,没有title
3.有时候不期望高度是300px, 无法设置高度。


只能强制修改样式:
1.设置固定高度
2.设置固定宽度
3.当内容过多时,折行展示。
样式如下:
  .layui-form-select dl{
            width:100%;
            max-height:200px;
        }
        .layui-form-select dl dd, .layui-form-select dl dt{
            white-space: normal;
            border:1px solid #e5e5e5
        }

 

通过如上方式可以临时解决。

对应issue

https://github.com/layui/layui/issues/2044

官方明确了暂时不会处理此问题,待升级大版本处理。

 

 

 

 

 

用户留言