HTML Textarea水平滚动

我想提供一个水平滚动到我的HTML页面的textarea。 如果我input一个没有换行符的长行，滚动应该没有换行。 有几个朋友build议使用overflow -y CSS属性，这对我不起作用。 我使用的浏览器是IE 6+和Mozilla 3+。

Answer 1

要设置没有包装，你可以使用：

white-space: nowrap; 

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

注：但折旧的wrap="off"似乎是传统的浏览器支持的唯一方法。 虽然它不符合HTML 5，但如果您定位所有浏览器，仍然是我的首选。

Answer 2

我想通过一种不符合W3C标准的方式来实现它，它既可以在IE和Firefox中使用，也可以在Chrome中使用。

我添加了off属性值，即<textarea cols=80 rows=12 wrap='off'>是我所做的。

Answer 3

如果您已经预先格式化了包含LF的文本，则应该添加white-space: pre; 到CSS。 这将保留已经在文本中的新行，不会换行较长的行。

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

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

Answer 4

试试这些：

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

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