如何水平滚动文本区域?

use*_*328 0 css jquery

如何水平滚动文本区域?我用谷歌搜索,但找不到一个好的解决方案.

我尝试了以下css,但它无法正常工作.

overflow-x: scroll;

<textarea></textarea>
Run Code Online (Sandbox Code Playgroud)

Har*_*rry 6

将以下行添加到CSS:

white-space: nowrap; /* will prevent the default wrapping of text to next line */
overflow-x: auto; /* will make horizontal scroll-bar appear only when needed */
Run Code Online (Sandbox Code Playgroud)

演示小提琴

  • 需要记住的是,如果您希望正确地看到新行,则必须使用 `white-space: pre;`。 (2认同)