在 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 个字符限制时换行文本。