css - 添加没有自动换行 css 的换行符

Question

我有一个textarea像这样的CSS类..

.expanderHTMLText{
     font: 12px Arial, Helvetica;   
    min-height: 50px;
    white-space:nowrap;
}

我不希望单词在长单词之间中断，但我确实希望填充框的文本不要全部在带有滚动条的 1 行上。我想摆脱水平滚动，但不必打破文字来做到这一点。我该如何做到这一点？

Answer 1

删除空格：nowrap；线，它不会在一条线上。

编辑：谁对我投了反对票？请给我一个解释。

空白：nowrap；明确定义，不会发生包装。包装文本的唯一方法是删除或更改此属性。white-space 属性的默认值是 normal，它的作用几乎与 nowrap 相同，只是它将换行文本（折叠空格）。

如果您不想将单词（甚至是长单词）拆分为多行，则需要添加 word-wrap: normal; 正如 JSW189 建议的那样。但是，如果您有一个不适合一行的单词，那么您仍然会得到一个水平滚动条 - 但这很明显，您要么在多行上有单词，要么是滚动条。