HTML Textarea水平滚动
HTML Textarea水平滚动
提问于 2009-01-08 13:19:29
我想提供一个水平滚动到我的HTML页面中的文本区。如果我输入一个没有换行符的长行，滚动应该不会换行。一些朋友建议使用overflow-y CSS属性，这对我不起作用。我使用的浏览器是IE 6+和Mozilla 3+。
回答 5
Stack Overflow用户
回答已采纳
发布于 2011-02-24 20:15:02
要设置无换行，您可以使用：
white-space: nowrap;对于其他值：https://developer.mozilla.org/en-US/docs/Web/CSS/white-space
注意:但是，折旧的wrap="off"似乎是支持传统浏览器的唯一方式。尽管它不兼容HTML5，但如果您面向所有浏览器，它仍然是我的首选。
Stack Overflow用户
发布于 2009-01-09 07:21:56
我想以一种不符合W3C的方式来做这件事，它在IE和Firefox中都能工作，顺便说一句，在Chrome中也能工作。
我添加了值为off的wrap属性，即<textarea cols=80 rows=12 wrap='off'>就是我所做的。
Stack Overflow用户
发布于 2015-03-18 23:07:08
如果您有包含LFs的预格式化文本，则应将white-space: pre;添加到css。这将保留文本中已有的新行，并且不会对长行进行换行。
这适用于所有版本的Firefox、所有基于Webkit的浏览器和IE6+。
来源：https://developer.mozilla.org/en-US/docs/Web/CSS/white-space
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/424192
复制相关文章
相似问题