为什么引导标签输入在标签中不显示完整字符并在末尾显示十字符号？答案

【问题标题】：Why bootstrap tagsinput don't show full characters in tag and cross sign at end?为什么引导标签输入在标签中不显示完整字符并在末尾显示十字符号？
【发布时间】：2016-09-27 14:29:26
【问题描述】：

这里是这样使用标签输入的。

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

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

输入 12345 结果：

输入 123456 和结果：

输入1234567，结果：

输入1234567890，结果：

如何在标签中显示所有文本并在标签末尾显示十字符号？

【问题讨论】：

标签： html css bootstrap-tags-input

【解决方案1】：

解决了在引导标签输入标签上应用自定义 css 的问题

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

这是截图：

【讨论】：

【解决方案2】：

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

please check here

【讨论】：