如何删除textarea上的“自动换行”[重复]

Posted 2023-05-07

【中文标题】如何删除textarea上的“自动换行”[重复]

【英文标题】：How to remove the "automatic new line" on textarea [duplicate]

【发布时间】：2011-10-19 11:23:52

【问题描述】：

可能重复：how remove wordwrap from textarea

我有一个文本区域：

<textarea id="areaTL" style='width:700px; height:400px;></textarea>

我只想在文本中有\n 时才换行，因此水平滚动应该大于文本区域内的最大文本。

试过了：

overflow: scroll; wrap="off"'

但似乎它不起作用。我想为 Chome/Firefox 和 IE7+ 做。

我该怎么做？

编辑

按照建议使用white-space:nowrap; 我可以正常工作，但如果我这样做了：

textArea=$('#areaTL').val().split('\n');

我只得到数组中的 1 个元素，而不是 N。为什么？

【问题讨论】：

@The Mask 您的重复评论也是重复的。 :)

@Shi OverZealous 是一名忍者。 :)

@markzzz 你用的是哪个浏览器？

@Shi : Chrome, Firefox, IE7+... :)

【参考方案1】：

我相信 white-space:nowrap; 是您正在寻找的，而不是 wrap。

【讨论】：

这是一个小技巧：jsfiddle.net/EkwgM

但是之后出现了这个问题。如果我设置 white-space:nowrap;我做textArea=$('#areaTL').val().split('\n'); 我的阵列上只会得到 1 行。为什么？

这适用于 Webkit，但不适用于 Firefox 5。

您必须在输入内容时以某种方式找到\n，然后在其后附加<br />。

【参考方案2】：

试试这个应该可以的

<textarea cols=100 rows=5 wrap='off'>