私のシンプルなテキストエリアでは、テキストがオーバーフローしても水平バーが表示されません。テキストは新しい行に折り返されます。では、テキストがオーバーフローしたときにワードラップを削除して水平バーを表示するにはどうすればよいでしょうか?
ベストアンサー1
textarea {
white-space: pre;
overflow-wrap: normal;
overflow-x: scroll;
}
white-space: nowrap
空白を気にしない場合でも機能しますが、もちろん、コード (またはインデントされた段落、または意図的に複数のスペースがある可能性のあるコンテンツ) を操作している場合は、それは必要ありません...そのため、私は を好みますpre
。
overflow-wrap: normal
(word-wrap
古いブラウザではそうでした) は、親がその設定を変更した場合に必要です。pre
が設定されていても、折り返しが発生する可能性があります。
また、現在受け入れられている答えとは反対に、テキストエリアするデフォルトでは折り返されることが多いです。pre-wrap
私のブラウザではこれがデフォルトのようです。