css - 跨浏览器 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 中自动换行

score 9 · Accepted Answer

我所做的只是删除你的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>

score 6 · Accepted Answer

6

<textarea wrap="off"><textarea>

于 2013-09-11T02:05:08.163 回答

score 1 · Accepted Answer

你应该试试white-space: pre;

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

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

score 0 · Accepted Answer

0

overflow-wrap: normal;

只需将 wrap 的溢出参数更改为正常即可。

于 2018-04-21T23:21:38.710 回答

4 回答 4