Je voudrais fournir un défilement horizontal à une zone de texte dans ma page HTML. Le parchemin devrait apparaître sans emballage, si je tape une longue ligne sans saut de ligne. Quelques amis ont suggéré d'utiliser l'attribut CSS overflow-y, qui n'a pas fonctionné pour moi. Les navigateurs que j'utilise sont IE 6+ et Mozilla 3+.HTML Textarea horizontal scroll
Répondre
Pour définir sans emballage, utilisez:
white-space: nowrap;
Pour d'autres valeurs: https://developer.mozilla.org/en-US/docs/Web/CSS/white-space
NOTE: Cependant, le dépréciée wrap="off"
semble être le seul moyen pour le soutien du navigateur existant. Bien que ce ne soit pas conforme à HTML 5, c'est toujours ma préférence si vous ciblez tous les navigateurs.
Essayez:
overflow: scroll;
overflow-y: scroll;
overflow-x: scroll;
overflow:-moz-scrollbars-vertical;
il devrait aussi être un -moz-barres de défilement horizontal
Je cernées de le faire d'une manière conforme non W3c et il travaille dans IE et Firefox et accessoirement dans Chrome.
J'ai ajouté l'attribut wrap
avec la valeur off
, c'est <textarea cols=80 rows=12 wrap='off'>
est ce que j'ai fait.
Ceci est la seule façon de travailler, ou autrement conforme. –
La bonne façon de le faire est via CSS comme le souligne [la réponse d'Aram Kocharyan] (http://stackoverflow.com/a/5104505/238722). 'off' n'est pas une valeur valide ou reconnue de l'attribut' wrap' '
Si vous avez un texte pré-formaté incluant des LF, vous devez ajouter white-space: pre;
au CSS. Cela préservera les nouvelles lignes qui sont déjà dans le texte et n'emballera pas les longues lignes.
Cela fonctionne dans toutes les versions de Firefox, tous les navigateurs basés sur Webkit et IE6 +.
Source: https://developer.mozilla.org/en-US/docs/Web/CSS/white-space
- 1. navigateur Cross « saut »/« scroll » textarea
- 2. jQuery.ScrollTo/jQuery.SerialScroll Défilement horizontal
- 3. Vous recommande un éditeur html textarea?
- 4. Safari force scroll
- 5. Div avec défilement horizontal seulement
- 6. FlowPanel Vertical Scroll
- 7. Fading Element on Scroll
- 8. jquery scroll vertical
- 9. android canvas scroll
- 10. scroll view issue Android
- 11. JQuery Custom Scroll Plugin
- 12. Longueur maximale pour le code HTML <textarea>
- 13. Ajouter un élément HTML - textarea dynamiquement en utilisant Javascript
- 14. Comment afficher les styles dans un HTML textarea
- 15. à propos de la valeur de poste html textarea
- 16. Horizontal QListWidget
- 17. JQuery Accordéon horizontal CSS
- 18. Événement Scroll DataGridView (et ScrollEventType.EndScroll)
- 19. css horizontal navigation spacing
- 20. la collecte d'une valeur textarea
- 21. Sous-menu horizontal Asp.Net
- 22. Blackberry - Champ - Alignement horizontal
- 23. Vertical à Horizontal?
- 24. Menu horizontal CSS - équidistants?
- 25. Menu curseur horizontal
- 26. défilement horizontal? javascript
- 27. Défilement horizontal CGrigCtrl
- 28. Besoin d'aide avec Scroll View Crashing
- 29. En ce qui concerne Scroll Voir
- 30. Format <textarea>
Cela ne fonctionne pas. Il met tout le texte, y compris plusieurs lignes, sur la même ligne, et non le comportement souhaité. –
Pour voir correctement les nouvelles lignes, vous devez utiliser 'white-space: pre;'. – Jesse