Question Comment désactiver le retour à la ligne en HTML?


Je me sens ridicule de ne pas être capable de comprendre cela, mais comment puis-je désactiver WordWrap? le css word-wrap la propriété peut être forcée avec break-word, mais ne peut pas être forcé de (seulement peut être laissé seul avec normal valeur).

Comment puis-je forcer le retour à la ligne de?


423
2018-01-10 23:19


origine


Réponses:


Vous devez utiliser le CSS white-space attribut.

En particulier, white-space: nowrap et white-space: pre sont les valeurs les plus couramment utilisées. Le premier semble être ce que vous cherchez.


702
2018-01-10 23:21



Ajout de valeurs spécifiques de Webkit manquantes

white-space: -moz-pre-wrap; /* Firefox */
white-space: -o-pre-wrap; /* Opera */
white-space: pre-wrap; /* Chrome */
word-wrap: break-word; /* IE */

18
2017-07-07 15:07



Je me demande pourquoi vous trouvez comme solution le "white-space" avec "nowrap" ou "pre", il ne fait pas le bon comportement: vous forcez votre texte sur une seule ligne! Le texte doit casser les lignes, mais pas les mots par défaut. Ceci est dû à certains attributs css: retour à la ligne, retour à la ligne, saut de mot et traits d'union. Donc vous pouvez avoir:

word-break: break-all;
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;

Donc la solution est de les supprimer, ou de les remplacer par "unset" ou "normal":

word-break: unset;
word-wrap: unset;
overflow-wrap: unset;
-webkit-hyphens: unset;
-moz-hyphens: unset;
-ms-hyphens: unset;
hyphens: unset;

MISE À JOUR: je fournis également une preuve avec JSfiddle: https://jsfiddle.net/azozp8rr/


-1
2018-05-12 09:55