2009-01-08 74 views
61

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

回答

31

要设置没有包装,你可以使用:

white-space: nowrap; 

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

注:然而,贬值wrap="off"似乎是传统的浏览器支持的唯一途径。虽然它不符合HTML 5,但如果您针对的是所有浏览器,仍然是我的首选。

4

尝试这些:

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

也应该有一个-moz-滚动条水平

89

我想通了,做在非符合W3C的方式,它是工作在IE Firefox和顺便也在Chrome中。

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

+0

这是唯一的工作方式,符合或否则。 – 2015-08-04 16:29:13

+0

做到这一点的正确方法是通过CSS [Aram Kocharyan的答案](http://stackoverflow.com/a/5104505/238722)指出。 `off'不是``wrap``的`