web-dev-qa-db-fra.com

Comment puis-je forcer un «span» à ne pas boucler à la fin d'une ligne?

Si c'est une très longue ligne de texte, je veux qu'elle s'étende sans envelopper

31
Shamoon

Essayer

span
{
  white-space: pre;
}

ou toute autre valeur qui correspond à la spécification w3c :

normal
Cette valeur indique aux agents utilisateurs de réduire les séquences d'espaces blancs et de couper les lignes si nécessaire pour remplir les zones de ligne.

pré
Cette valeur empêche les agents utilisateurs de réduire les séquences d'espace blanc. Les lignes ne sont rompues qu'au niveau des caractères de nouvelle ligne préservés.

nowrap
Cette valeur réduit l'espace blanc comme pour "normal", mais supprime les sauts de ligne dans le texte.

pré-emballage
Cette valeur empêche les agents utilisateurs de réduire les séquences d'espace blanc. Les lignes sont interrompues au niveau des caractères de nouvelle ligne conservés et, si nécessaire, pour remplir les zones de ligne.

pré-ligne
Cette valeur demande aux agents utilisateurs de réduire les séquences d'espaces blancs. Les lignes sont interrompues au niveau des caractères de nouvelle ligne conservés et, si nécessaire, pour remplir les zones de ligne.

Vous devez également savoir qu'il existe une prise en charge limitée IE pour certaines des options répertoriées .

AVERTISSEMENT, contenu de contenu inter-navigateur: vous pouvez remplacer tous les espaces de la ligne par  

55
zzzzBov

CSS:

span
{
    white-space:nowrap
}
48
AlexC