跨浏览器nowrap textarea

Question

我正在寻找一个使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>