在n个字符或像素后使用CSS包装一个词

Question

我正在使用此链接。 http://lodev09.github.io/bootstrap-suggest/

在此页面上，当您开始在第一个文本框中键入@个字符时，系统会显示具有特定值的下拉列表。我希望确保在每20个字符之后系统应该将文本包装在下一行中。

我尝试在<li>标记中添加以下样式，但没有帮助。

word-wrap:break-word; 
max-width:30px; 

Answer 1

我会使用类似：

li { word-wrap:break-word; max-width:20ch;} 

它不会在20个字符打破这个词，而是环绕文字，当它击中了20个字符的限制。

Answer 2

添加此类帮助：

.dropdown.suggest>.dropdown-menu>li>a { 
    white-space: normal; 
}