HTML Textarea水平滚动

我想在我的HTML页面中向文本区域提供水平滚动。如果我输入没有换行符的长行，则滚动条应该没有换行出现。一些朋友建议使用溢出y CSS属性，该属性对我不起作用。我使用的浏览器是IE 6+和Mozilla 3+。

要设置无环绕，您可以使用：

white-space: nowrap;

对于其他值：https : //developer.mozilla.org/zh-CN/docs/Web/CSS/white-space

注意：但是，折旧wrap="off"似乎是旧版浏览器支持的唯一方法。尽管它不兼容HTML 5，但是如果您要定位所有浏览器，还是我的首选。

我想以一种不兼容W3c的方式来做到这一点，并且它既可以在IE和Firefox中运行，也可以在Chrome中运行。

我在属性中添加了wrapvalue off，这就是<textarea cols=80 rows=12 wrap='off'>我所做的。

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

它适用于所有版本的Firefox，所有基于Webkit的浏览器和IE6 +。

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

试试这些：

overflow: scroll; 
overflow-y: scroll; 
overflow-x: scroll; 
overflow:-moz-scrollbars-vertical;

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