为什么bootstrap tagsinput在标记和十字标记处不显示完整字符?

时间:2016-09-27 02:29:10

标签: html5 css3 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

如何在标记末尾显示标记和十字标记中的所有文字?

2 个答案:

答案 0 :(得分:0)

解决了这个在bootstrap tagsinput label

上应用自定义css的问题
.bootstrap-tagsinput .label{
width: auto;
line-height:2;
text-align: left;
margin-bottom: 5px
}

这是截图:

enter image description here

答案 1 :(得分:0)

检查您的自定义CSS是否影响<span class="tag label label-info">world<span data-role="remove"></span></span>

please check here