css - 在 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;
}