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

我正在使用这个链接

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

我尝试将以下样式添加到

标记中，但没有效果

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

---

我会使用类似于：

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

---

它不会在20个字符处打断单词，而是在达到20个字符的限制时包装文本。

添加此类有助于：

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