HTML Textarea水平滚动

Shy*_*yam 70 html textarea word-wrap

我想在HTML页面中为textarea提供水平滚动.如果我输入没有换行符的长行,滚动应该没有换行.一些朋友建议使用overflow-y CSS属性,这对我来说不起作用.我使用的浏览器是IE 6+和Mozilla 3+.

Shy*_*yam 93

我想通过非W3c兼容的方式来做这件事,它在IE和Firefox中都有效,而且在Chrome中也是如此.

我添加了wrap带有值的属性off,这就是<textarea cols=80 rows=12 wrap='off'>我所做的.


Ara*_*yan 41

要设置不包装,您将使用:

white-space: nowrap;
Run Code Online (Sandbox Code Playgroud)

对于其他值:https://developer.mozilla.org/en-US/docs/Web/CSS/white-space

注意:然而,折旧wrap="off"似乎是传统浏览器支持的唯一方式.虽然它不符合HTML 5标准,但如果你的目标是所有浏览器,它仍然是我的首选.

  • 要正确查看新行,必须使用`white-space:pre;`. (18认同)
  • 这不起作用.它将所有文本(包括多行)放在同一行上,而不是所需的行为. (6认同)

Azd*_*dle 11

如果您有包含LF的预格式化文本,则应添加white-space: pre;到css.这将保留已经在文本中的新行,并且不会换行长行.

这适用于所有版本的Firefox,所有基于Webkit的浏览器和IE6 +.

资料来源:https://developer.mozilla.org/en-US/docs/Web/CSS/white-space


Fil*_*erg 6

试试这些:

overflow: scroll; 
overflow-y: scroll; 
overflow-x: scroll; 
overflow:-moz-scrollbars-vertical;
Run Code Online (Sandbox Code Playgroud)

还应该有一个 -moz-scrollbars-horizo​​ntal