43 votos

HTML Textarea de desplazamiento horizontal

Me gustaría ofrecer un desplazamiento horizontal para un textarea en mi página HTML. El desplazamiento debe aparecer sin envoltura, que si escribo una larga línea sin un salto de línea. Un par de amigos le sugirieron el uso de overflow-y atributo CSS, la cual no funcionó para mí. Los navegadores que utilizo son de IE 6+ y Mozilla 3+.

73voto

Shyam Puntos 1984

Me imaginé que fuera a hacerlo en un no-compatible con W3c forma y se está trabajando tanto en IE y Firefox y, de paso, en Chrome también.

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

12voto

Aram Kocharyan Puntos 8530

Establecer ningún ajuste, utilice:

white-space: nowrap;

Para otros valores: http://www.w3schools.com/CSS/pr_text_white-space.asp

NOTA: sin Embargo, la depreciado wrap="off" parece ser la única manera de legado de compatibilidad con navegadores. A pesar de que no es compatible con HTML 5, es mi preferencia, en caso de que usted está apuntando todos los navegadores.

4voto

Filip Ekberg Puntos 22189

Pruebe estos:

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

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

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by: