bootstrap模糊下拉框selectpicker 区域长度留白过多的解决办法

bootstrap对于select选择下拉框,提供了模糊查询的功能。

通常的写法:$("#createId").selectpicker();


如果是这样初始化,就会出现下图的情况:


我们会看到,匹配项完了之后,下面还会留出一段空白,这是因为bootstrap会默认给最小高度,

解决办法就是初始化的时候给一个合理的size.如下:

$("#createId").selectpicker({

    "size": 10

});

这里的 10 标识下拉框最多展示几条数据,当匹配完之后,下拉框就不会长度留白了,如:


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 引入问题 之前博主在实际开发中遇到了一个问题,就是需要既支持多选又同时支持模糊查询的下拉控件,大家所熟知的比较强大...
    AireyZXL阅读 36,603评论 3 24
  • 凭栏倚户春风渡, 庭院小楼桃花开。 春色满园春常在, 红杏出墙山门外。 微雨细润庭院处, 百花斗艳争雨露。 晓看红...
    星辰溥天阅读 479评论 0 2
  • 安装sudo apt install docker.iosudo groupdel dockerdocker ru...
    boboniao阅读 227评论 0 0
  • 鲁迅说过:“人能说话已经是祸胎了,何妨有时还要写文章。”人的交流,说话。看似是简简单单的一种信息传递,情感...
    HgLollipop阅读 407评论 0 0