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
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.
Prueba estas:
overflow: scroll;
overflow-y: scroll;
overflow-x: scroll;
overflow:-moz-scrollbars-vertical;
también debe haber un -moz-barras de desplazamiento horizontal
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.
Esta es la única manera de trabajar, conformes o no. –
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'
Si tiene texto que incluye LF pre-formateada, se debe añadir white-space: pre;
a la 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, y IE6 +.
Fuente: https://developer.mozilla.org/en-US/docs/Web/CSS/white-space
- 1. Ocultar barra de desplazamiento horizontal html pero no vertical
- 2. Java: Agregar desplazamiento al área de texto
- 3. Vista de desplazamiento horizontal en páginas de desplazamiento horizontal
- 4. ¿Evita el "desplazamiento" horizontal de una entrada de texto?
- 5. representación HTML dentro de área de texto
- 6. Desplazamiento horizontal?
- 7. desplazamiento horizontal y el campo de texto de error
- 8. CSS problema de desplazamiento horizontal
- 9. Cuadro de desplazamiento con texto centrado (vertical y horizontal)
- 10. ¿Cómo puedo incrustar un área de texto dentro de otra área de texto en HTML?
- 11. HTML/CSS/JS: ¿Cómo hacer una ilusión de un área de texto con números de línea?
- 12. iPhone Mesa de desplazamiento horizontal
- 13. jqGrid barra de desplazamiento horizontal
- 14. detener el desplazamiento horizontal en JTextArea
- 15. Desplazamiento horizontal con la rueda de desplazamiento en Eclipse
- 16. Desplazamiento horizontal - Móvil - ¿deslizar?
- 17. Desplazamiento horizontal infinito UIScrollView
- 18. desplazamiento horizontal CSS
- 19. Posición fija - Desplazamiento horizontal
- 20. UIScrollView no desplazamiento horizontal
- 21. Desplazamiento horizontal de RichTextBox no funciona
- 22. Cómo deshabilitar el desplazamiento horizontal de UIWebview?
- 23. barra de desplazamiento horizontal para ul
- 24. jQuery Escapar HTML a partir de un área de texto
- 25. Vista de desplazamiento horizontal dentro de ViewPager
- 26. Vistas de desplazamiento horizontal lista de lista
- 27. área de texto dentro div
- 28. Deshabilitar desplazamiento horizontal con JavaScript
- 29. desplazamiento horizontal con desbordamiento-x
- 30. touchpad desplazamiento horizontal en emacs
Esto no funciona. Pone todo el texto, incluidas las líneas múltiples, en la misma línea, no el comportamiento deseado. –
Para ver nuevas líneas correctamente, debe utilizar 'white-space: pre;'. – Jesse