跨浏览器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>

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

res/layout/

只需将overflow参数更改为normal即可。