Textarea 仅在换行符处换行

Posted

技术标签:

【中文标题】Textarea 仅在换行符处换行【英文标题】:Textarea word wrap only on line breaks 【发布时间】:2013-08-18 00:29:27 【问题描述】:

所以,我有一个文本区域,其中填充了数据库中的文本,供用户编辑。数据库中的文本中包含换行符 (\r\n)。我希望 textarea 仅在换行符处换行。我弄乱了不同的white-space 属性,但似乎没有一个有效。现在,我有:

textarea

    width: 60em;
    height: 40em;
    white-space: pre-line;
    overflow: auto;

它确实会在换行符处中断,但当一行上的文本超过 60em 时也会中断。如何让它只在换行符处换行?

【问题讨论】:

***.com/questions/424192/… 谢谢,但我正试图让它在 IE9 中工作。该链接中的任何答案都不适合我。 从 IE 4 开始,所有 IE 版本都支持对上述旧问题的批准答案 wrap=off 属性。 抱歉,wrap="off" 确实有效。我错误地在不同的领域进行了测试。 【参考方案1】:

正如安迪指出的,答案就在这里:html Textarea horizontal scroll

<textarea wrap="off"></textarea>

【讨论】:

以上是关于Textarea 仅在换行符处换行的主要内容,如果未能解决你的问题,请参考以下文章

JSLint 错误:“预期在 EOF 处换行”,与 Beautify 插件冲突

MS Access 报告 - 字符处换行?

强制 TEXTAREA 元素换行的最优雅方式,*不管*空格

textArea换行符转<br/> <br/> 转 textArea换行符

如何初始化 CKEditor textarea 换行符,就像 html textarea 换行符一样

AngularJS textarea 换行符/换行符转换