跨浏览器的textarea的NOWRAP(cross browser nowrap textarea

我正在寻找一个跨浏览器解决方案，使textarea的：

• 文本换行只对进入
• 滚动条都隐藏，直到文本溢出

我已经试过几乎所有可以在SO可以找到...

失败＃1：

textarea{
  white-space:nowrap;
  overflow: auto;
}

在FF不工作

失败＃2：

textarea{
  white-space:nowrap;
  overflow: auto; // or scroll
}
+WRAP=OFF attribute

在这里我不能打在IE中输入（ 的jsfiddle ）

失败＃3：

textarea{
  white-space:pre;
  overflow: auto;
}
+WRAP=OFF attribute

在IE的自动换行，如果我到达终点

Answer 1:

我所做的只是删除您的white-space: nowrap; 和它的作品:)。

 textarea{ overflow: auto; } 

 <textarea wrap="off"> Lorem asldm,és améld masémd éasmdá qw3őri2ő3pjm powemfnsd f dsf lsdmflkms dlkfmsldk mflksdmfk lmsklf </textarea> 

Answer 2:

<textarea wrap="off"><textarea>

Answer 3:

你应该尝试white-space: pre;

 textarea{ white-space: pre; width: 200px; height: 200px } 

 <textarea> Hello World! Happy New Year Stack Overflow!! With Indent </textarea> 

Answer 4:

overflow-wrap: normal;

只是包溢出参数更改为正常。

文章来源: cross browser nowrap textarea