HTML Textarea горизонтальная прокрутка

Я хотел бы предоставить горизонтальную прокрутку текстовой области на моей HTML-странице. Прокрутка должна отображаться без обертывания, если я набираю длинную строку без разрыва строки. Несколько друзей предложили использовать атрибут overflow-y CSS, который не работал для меня. Браузеры, которые я использую, - это IE 6+ и Mozilla 3+.

4 64
html textwrapping textarea

4 ответа:

чтобы установить без упаковки, вы бы использовали:

white-space: nowrap;

для других значений:https://developer.mozilla.org/en-US/docs/Web/CSS/white-space

Примечание: однако амортизированный wrap="off" кажется, единственный способ для поддержки устаревшего браузера. Хотя это не соответствует HTML 5, это все еще мое предпочтение, если вы ориентируетесь на все браузеры.

35

я решил сделать это не совместимым с W3c способом, и он работает как в IE, так и в Firefox, а также, кстати, в Chrome.

я добавил атрибут wrap со значением off, что составляет <textarea cols=80 rows=12 wrap='off'> что я сделал.

90

Если у вас есть предварительно отформатированный текст, который включает LFs, вы должны добавить white-space: pre; к css. Это сохранит новые строки, которые уже есть в тексте, и не будет обертывать длинные строки.

это работает во всех версиях Firefox, всех браузерах на основе Webkit и IE6+.

Источник:https://developer.mozilla.org/en-US/docs/Web/CSS/white-space

10

попробуйте эти:

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

также должны быть a-moz-scrollbars-horizontal

4