如何通过 select2 显示完整的大文本选项(没有水平滚动)?参考图片

Posted

技术标签:

【中文标题】如何通过 select2 显示完整的大文本选项(没有水平滚动)?参考图片【英文标题】:how to show full large text option(without horizontal scrolling) by select2 ? reference in pic 【发布时间】:2021-03-13 16:59:53 【问题描述】:

我的选择选项显示如下

和我当前的代码

<select class="rule-partner-select form-control select2" name="partner_name" id="partner_name_1">
    <option value="" disabled selected>SelectPartner</option>
</select>

我通过 ajax 在 select 中动态分配选项。

这里选择2代码

 $('.select2').select2();

但我想通过 select2 显示这样的内容

【问题讨论】:

这个:***.com/questions/17259916/… 和这个:css-tricks.com/almanac/properties/o/overflow-wrap 和这个:developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap 和这个:w3schools.com/cs-s-ref/css3_pr_word-wrap.asp w3schools.com/cs-s-ref/css3_pr_text-overflow.asp 【参考方案1】:

这个问题已经解决了。其实我在数据库里放了一个大字!! “kkkkkkkkkkkkkkkkkkkkkkkkkkkk……” 所以问题发生了。 当我放一些空格(真正的句子)时 “kkk kkkk kkkk kkkk kkkk kkkkk”,select2自动满足我的要求。

谢谢。请不要放大字!! :)

【讨论】:

以上是关于如何通过 select2 显示完整的大文本选项(没有水平滚动)?参考图片的主要内容,如果未能解决你的问题,请参考以下文章

Select2 按选项值自动完成

如何仅显示所选选项的文本

如何使用 css 更改一个选择框选项文本(select2)的字体大小?

通过滚动保持 select2 元素的固定大小?

将 select2 显示为纯输入文本

Select2 模板选择问题