css - クロスブラウザnowraptextarea

Question

textareaを作成するクロスブラウザソリューションを探しています：

私はほとんどすべてを試しました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の自動改行

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

overflow-wrap: normal;

ラップのオーバーフローパラメータを通常に変更するだけです。

4 に答える 4