html - style - textarea expand

HTML Textarea desplazamiento horizontal

Question

Me gustaría proporcionar un desplazamiento horizontal a 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+.

Answer 1

Prueba estos:

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

también debería haber una -moz-scrollbars-horizontal

Answer 2

Me di cuenta de hacerlo de una manera que no es compatible con W3c y funciona tanto en IE como en Firefox y, por cierto, también en Chrome.

Agregué el wrap atributo con valor off , es decir, <textarea cols=80 rows=12 wrap=''off''> es lo que hice.

Answer 3

Para establecer ningún ajuste, usaría:

white-space: nowrap;

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

NOTA: Sin embargo, la wrap="off" depreciada wrap="off" parece ser la única forma de compatibilidad con el navegador heredado. Aunque no es compatible con HTML 5, sigo prefiriéndolo si se dirige a todos los navegadores.

Answer 4

Si tiene texto preformateado que incluye LF, debe agregar white-space: pre; al css. Eso preservará las nuevas líneas que ya están en el texto y no abarcará las líneas largas.

Esto funciona en todas las versiones de Firefox, todos los navegadores basados ​​en Webkit e IE6 +.

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