HTML Textarea горизонтальная прокрутка
Я хотел бы обеспечить горизонтальную прокрутку текстового поля на моей HTML-странице. Прокрутка должна появиться без переноса, если я ввожу длинную строку без разрыва строки. Несколько друзей предложили использовать атрибут CSS overflow-y, который у меня не сработал. Я использую браузеры IE 6+ и Mozilla 3+.
Ответы 4
Попробуйте это:
overflow: scroll;
overflow-y: scroll;
overflow-x: scroll;
overflow:-moz-scrollbars-vertical;
также должен быть -moz-scrollbars-horizontal
Я решил сделать это несовместимым с W3c способом, и он работает как в IE, так и в Firefox, а также, кстати, в Chrome.
Я добавил атрибут wrap со значением off, то есть <textarea cols=80 rows=12 wrap='off'> - это то, что я сделал.
Правильный способ сделать это - через CSS, как указывает Ответ Арама Кочаряна. off не является допустимым или распознанным значением атрибута <textarea>wrap.
Чтобы установить отсутствие переноса, вы должны использовать:
white-space: nowrap;
Для других значений: https://developer.mozilla.org/en-US/docs/Web/CSS/white-space
ПРИМЕЧАНИЕ. Однако устаревший wrap = "off", по-видимому, является единственным способом поддержки устаревших браузеров. Хотя он не совместим с HTML 5, я все же предпочитаю, если вы ориентируетесь на все браузеры.
Это не работает. Он помещает весь текст, включая несколько строк, в одну строку, а не желаемое поведение.
Чтобы правильно видеть новые строки, вы должны использовать white-space: pre;.
Если у вас есть предварительно отформатированный текст, который включает LF, вам следует добавить white-space: pre; в css. Это сохранит новые строки, которые уже есть в тексте, и не будет переносить длинные строки.
Это работает во всех версиях Firefox, всех браузерах на основе Webkit и IE6 +.
Источник: https://developer.mozilla.org/en-US/docs/Web/CSS/white-space
<textarea wrap = "off"></textarea>