HTML Textarea水平滚动

Question

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

Answer 1

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

我添加了值为wrap的{​​{1}}属性，即off就是我所做的。

Answer 2

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

white-space: nowrap;

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

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

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

Answer 5

使用 int carry = 0; if (1) { int carry = carry + 1; cout << carry << endl; } 作为 CSS 属性。

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