Shy*_*yam 70 html textarea word-wrap
我想在HTML页面中为textarea提供水平滚动.如果我输入没有换行符的长行,滚动应该没有换行.一些朋友建议使用overflow-y CSS属性,这对我来说不起作用.我使用的浏览器是IE 6+和Mozilla 3+.
Shy*_*yam 93
我想通过非W3c兼容的方式来做这件事,它在IE和Firefox中都有效,而且在Chrome中也是如此.
我添加了wrap带有值的属性off,这就是<textarea cols=80 rows=12 wrap='off'>我所做的.
Ara*_*yan 41
要设置不包装,您将使用:
white-space: nowrap;
Run Code Online (Sandbox Code Playgroud)
对于其他值:https://developer.mozilla.org/en-US/docs/Web/CSS/white-space
注意:然而,折旧wrap="off"似乎是传统浏览器支持的唯一方式.虽然它不符合HTML 5标准,但如果你的目标是所有浏览器,它仍然是我的首选.
Azd*_*dle 11
如果您有包含LF的预格式化文本,则应添加white-space: pre;到css.这将保留已经在文本中的新行,并且不会换行长行.
这适用于所有版本的Firefox,所有基于Webkit的浏览器和IE6 +.
资料来源:https://developer.mozilla.org/en-US/docs/Web/CSS/white-space
试试这些:
overflow: scroll;
overflow-y: scroll;
overflow-x: scroll;
overflow:-moz-scrollbars-vertical;
Run Code Online (Sandbox Code Playgroud)
还应该有一个 -moz-scrollbars-horizontal