css - 跨浏览器nowrap textarea

Question

我正在寻找一个跨浏览器的解决方案文本区域:

• 仅在输入时换行
• 滚动条都隐藏，直到文本溢出

我试过几乎所有的东西都可以在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>