HTML Textarea水平滚动

Question

我想提供一个水平滚动textarea在我HTML网页。滚动应似乎没有包装，如果我输入一个长线无线断裂。几个朋友建议使用溢-y CSS的属性，它并没有为我工作。浏览器这是我的使用即6+和Opera3+.

Answer 1

要设置不包装，您可以使用：

white-space: nowrap;

对于其他值： https://developer.mozilla。组织/ EN-US /文档/网络/ CSS /空白

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

Answer 2

我想通过非W3c兼容的方式来实现它，它在IE和Firefox中都有效，而且在Chrome中也是如此。

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

Answer 3

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

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

来源： https://developer.mozilla.org/ EN-US /文档/网络/ CSS /空白

Answer 4

试试这些：

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

还应有一个-moz-滚动的水平