跨浏览器 nowrap textarea答案

【问题标题】：cross browser nowrap textarea跨浏览器 nowrap textarea
【发布时间】：2013-01-21 16:41:59
【问题描述】：

我正在寻找一种跨浏览器解决方案文本区域：

我已经尝试了几乎所有可以在 SO 中找到的东西......

失败#1：

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

在 FF 中不起作用

失败#2：

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

这里我无法在 IE 中按 Enter (jsFiddle)

失败#3：

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

如果我到达末尾，在 IE 中自动换行

【问题讨论】：

【解决方案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>

【讨论】：

【解决方案2】：

<textarea wrap="off"><textarea>

【讨论】：

【解决方案3】：

你应该试试white-space: pre;

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

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

【讨论】：

【解决方案4】：

overflow-wrap: normal;

只需将wrap的overflow参数改成正常即可。

【讨论】：