html - HTML Textarea 水平滚动

Question

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

score 104 · Accepted Answer

我想以一种不符合 W3c 的方式来做这件事，它在 IE 和 Firefox 中都可以使用，顺便说一下在 Chrome 中也可以使用。

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

score 50 · Accepted Answer

要设置不换行，您将使用：

white-space: nowrap;

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

score 22 · Accepted Answer

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

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

score 6 · Accepted Answer

试试这些：

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

还应该有一个 -moz-scrollbars-horizontal

score 0 · Accepted Answer

0

用作white-space: pre;CSS 属性。

于 2021-06-06T15:42:13.197 回答

5 回答 5