I would like to provide a horizontal scroll to a textarea in my HTML page. The scroll should appear without wrapping, if I type a long line without a line break. A few friends suggested using overflow-y CSS attribute, which did not work for me. The browsers that I use are IE 6+ and Mozilla 3+.
相关问题
- Views base64 encoded blob in HTML with PHP
- Is there a way to play audio on a mobile browser w
- HTML form is not sending $_POST values
- implementing html5 drag and drop photos with knock
-
Why does the box-shadow property not apply to a
If you have pre-formatted text that includes LFs, you should add
white-space: pre;
to the css. That will preserve the new lines that are already in the text and will not wrap long lines.This works in all versions of Firefox, all Webkit-based browsers, and IE6+.
Source: https://developer.mozilla.org/en-US/docs/Web/CSS/white-space
To set no wrapping, you would use:
For other values: https://developer.mozilla.org/en-US/docs/Web/CSS/white-space
NOTE: However the depreciated
wrap="off"
seems to be the only way for legacy browser support. Though it isn't HTML 5 compliant, it's still my preference if you're targeting all browsers.I figured out to do it in a non-W3c-compliant way and it is working in both IE and Firefox and incidentally in Chrome too.
I added the attribute
wrap
with valueoff
, that is<textarea cols=80 rows=12 wrap='off'>
is what I have done.Try these:
there should also be a -moz-scrollbars-horizontal