添加换行符，没有自动换行css

Question

我在这个textarea上有一个css课程。

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

我不希望单词在长单词之间中断，但我确实希望文本填充框不是全部在滚动条的一行。我想摆脱水平卷轴，但不必打破这样做的话。我该如何做到这一点？

Answer 1

删除空格：nowrap;行，它不会在一行。

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

white-space：nowrap;明确定义，不会发生包装。如何包装文本的唯一方法是删除或更改此属性。 white-space属性的默认值是正常的，它几乎与nowrap相同，除了它将包装文本（折叠空格）。

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