Scorrimento orizzontale Textarea HTML

StackOverflow https://stackoverflow.com/questions/424192

  •  05-07-2019
  •  | 
  •  

Domanda

Vorrei fornire uno scorrimento orizzontale a un'area di testo nella mia pagina HTML. Lo scorrimento dovrebbe apparire senza ritorno a capo, se scrivo una riga lunga senza interruzione di riga. Alcuni amici hanno suggerito di utilizzare l'attributo CSS overflow-y, che non ha funzionato per me. I browser che utilizzo sono IE 6+ e Mozilla 3+.

È stato utile?

Soluzione

Per non impostare il wrapping, utilizzare: 

white-space: nowrap;

Per altri valori: https: //developer.mozilla. org / it-IT / docs / Web / CSS / white-space

NOTA: tuttavia l'ammortamento wrap="off" sembra essere l'unico modo per il supporto del browser legacy. Anche se non è conforme a HTML 5, è comunque la mia preferenza se stai prendendo di mira tutti i browser.

Altri suggerimenti

Ho pensato di farlo in un modo non conforme al W3c e funziona sia in IE che in Firefox e, per inciso, anche in Chrome.

Ho aggiunto l'attributo wrap con valore off, ovvero <textarea cols=80 rows=12 wrap='off'> è ciò che ho fatto.

Se si dispone di testo preformattato che include LF, è necessario aggiungere white-space: pre; al CSS. Ciò preserverà le nuove righe che sono già nel testo e non avvolgerà le righe lunghe.

Funziona con tutte le versioni di Firefox, tutti i browser basati su Webkit e IE6 +.

Fonte: https://developer.mozilla.org/ en-US / docs / Web / CSS / white-space

Prova questi: 

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

dovrebbe esserci anche un -moz-scrollbars-orizzontale

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top