我想提供一个水平滚动到我的HTML页面的textarea。如果我输入没有换行符的长行,滚动应该没有换行。有几位朋友建议使用overflow -y CSS属性,这对我来说不起作用。我使用的浏览器是IE 6+和Mozilla 3+。HTML Textarea水平滚动
61
A
回答
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'>
是我所做的。
8
如果您已经预先格式化了包含LF的文本,则应该将white-space: pre;
添加到CSS中。这将保留文本中已有的新行,并且不会换行较长的行。
这适用于所有版本的Firefox,所有基于Webkit的浏览器和IE6 +。
来源:https://developer.mozilla.org/en-US/docs/Web/CSS/white-space
相关问题
- 1. html水平滚动
- 2. 如何在jquery中水平滚动textarea?
- 3. 删除textarea的水平滚动条
- 4. 水平滚动html框
- 5. jQuery/HTML - 水平滚动
- 6. html布局 - 水平滚动
- 7. HTML选择水平滚动?
- 8. HTML CSS水平滚动
- 9. 水平滚动
- 10. html表的浮动水平滚动条
- 11. 水平滚动
- 12. 水平滚动?
- 13. 水平滚动
- 14. 水平滚动
- 15. 水平滚动+滚动条
- 16. 水平滚动dataTables.js
- 17. 水平滚动jquery
- 18. 水平平滑滚动
- 19. jscrollpane - 水平滚动
- 20. 水平滚动css?
- 21. jQuery平滑水平滚动
- 22. HTML并启用div的水平滚动,但隐藏水平滚动条
- 23. Highcharts水平滚动
- 24. html + css:水平滚动通道?
- 25. html顶部的水平滚动条
- 26. 水平滚动溢出图像 - HTML/CSS
- 27. html中图像的水平滚动条
- 28. 选择框HTML水平滚动
- 29. 删除水平滚动条Godaddy的HTML
- 30. 水平滚动粘HTML表格标题
这是唯一的工作方式,符合或否则。 – 2015-08-04 16:29:13
做到这一点的正确方法是通过CSS [Aram Kocharyan的答案](http://stackoverflow.com/a/5104505/238722)指出。 `off'不是``wrap``的`