在 n 个字符或像素后使用 CSS 换行答案

【问题标题】：wrapping a word using CSS after n number characters or pixels在 n 个字符或像素后使用 CSS 换行
【发布时间】：2017-08-01 17:15:44
【问题描述】：

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

我尝试将以下样式添加到 <li> 标签，但没有帮助。

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

【问题讨论】：

【解决方案1】：

我会使用类似的东西：

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

它不会在 20 个字符处断开单词，而是在达到 20 个字符限制时将文本换行。

【讨论】：

【解决方案2】：

添加此类帮助：

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

【讨论】：