html - 为什么 bootstrap tagsinput 不显示标签中的完整字符和末尾的叉号?

标签 html css bootstrap-tags-input

我是这样使用 tagsinput 的。

<input type='text' class='form-control' data-role='tagsinput' />

但是当我添加标签时,如果标签字符小于或等于 5,它会正确显示标签。如果字符超过 5,它不会显示完整的标签文本,标签末尾也没有叉号。 以下是截图

输入 12345 结果: enter image description here

输入123456,结果:enter image description here

输入 1234567 结果:enter image description here

输入 1234567890 结果:enter image description here

如何在标签末尾显示标签中的所有文本和叉号?

最佳答案

解决了在 bootstrap 标签输入标签上应用自定义 css

.bootstrap-tagsinput .label{
width: auto;
line-height:2;
text-align: left;
margin-bottom: 5px
}

截图如下:

enter image description here

关于html - 为什么 bootstrap tagsinput 不显示标签中的完整字符和末尾的叉号?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39715113/

相关文章:

javascript - js用 "\n"替换一些字符串

twitter-bootstrap - 如何禁止在 bootstrap tagsinput 中添加新标签?

javascript - bootstrap tagsinput 使用 jquery 删除项目

javascript - JS .show .hide方向

javascript - 在带有框架的 html 页面中捕获按键事件

css - 使模态对话框的宽度固定,但是当屏幕尺寸比它小时,它必须重新调整尺寸响应

css - 设置表格行之间线条的粗细

javascript - 让 CKEditor 立即转到源按钮

javascript - Bootstrap 输入标签在达到 maxTags 时显示警报消息

jquery - css - 相对页眉和粘性页脚、动态内容、未知高度,全部位于具有响应宽度的容器中?