2009-01-08 25 views
61

me gustaría proporcionar un desplazamiento horizontal para un área de texto en mi página HTML. El desplazamiento debe aparecer sin envoltura, si escribo una línea larga sin un salto de línea. Algunos amigos sugirieron utilizar el atributo CSS overflow-y, que no funcionó para mí. Los navegadores que uso son IE 6+ y Mozilla 3+.HTML Área de texto de desplazamiento horizontal

Respuesta

31

Para establecer ningún ajuste, se debería utilizar:

white-space: nowrap; 

Para otros valores: https://developer.mozilla.org/en-US/docs/Web/CSS/white-space

NOTA: Sin embargo, el wrap="off" depreciado parece ser la única manera de que el apoyo del navegador legado. Aunque no es compatible con HTML 5, sigo prefiriéndolo si se dirige a todos los navegadores.

+4

Esto no funciona. Pone todo el texto, incluidas las líneas múltiples, en la misma línea, no el comportamiento deseado. –

+6

Para ver nuevas líneas correctamente, debe utilizar 'white-space: pre;'. – Jesse

4

Prueba estas:

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

también debe haber un -moz-barras de desplazamiento horizontal

89

me di cuenta de que hacerlo de una manera no compatible con W3C y se está trabajando tanto en IE y Firefox y, por cierto, también en Chrome.

He añadido el atributo wrap con el valor off, es decir <textarea cols=80 rows=12 wrap='off'> es lo que he hecho.

+0

Esta es la única manera de trabajar, conformes o no. –

+0

La forma correcta de hacerlo es a través de CSS como [la respuesta de Siria Kocharyan] (http://stackoverflow.com/a/5104505/238722) señala. 'Off' no es un valor válido o reconocido de la'