Règles de pré-retour CSS pour le retour chariot solitaire

Question

Est-il possible de placer des caractères de retour chariot isolés dans un bloc HTML au format white-space: pre-wrap?

J'ai une application qui reçoit un message SOAP, et connecte le message à un fichier. Notre code de journalisation a toujours supprimé les caractères de nouvelle ligne, donc sur Unix, il s'agit d'une entrée de journal d'une ligne. Le message entrant est le format de fenêtre CRLF bien, donc après dépouillant la nouvelle ligne, je me retrouve avec des retours de chariot solitaire.

L'écran de visualisation du journal de l'application affiche un tableau avec les entrées de journal ayant le formatage white-space: pre-wrap. Sur mon navigateur au moins, cela semble très bien, avec des retours de chariot solitaire fonctionnant exactement comme une nouvelle ligne ou CRLF.

Est-ce un comportement fiable?

Answer 1

Oui, c'est valide. L'utilisation de white-space: pre-wrap; est exactement identique à l'utilisation de <pre>, sauf que les lignes seront naturellement enroulées en fonction des limites de son parent. Toutefois, vous devez vous assurer que votre CSS est compatible avec tous les navigateurs.

#log { 
    white-space: pre-wrap;  /* CSS3 */ 
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
    white-space: -pre-wrap;  /* Opera 4-6 */ 
    white-space: -o-pre-wrap; /* Opera 7 */ 
    word-wrap: break-word;  /* Internet Explorer 5.5+ */ 
} 

Vous pouvez également utiliser white-space: pre; si vous voulez en ligne pour repousser les limites de son parent pour garder tout dans la sortie sur une seule ligne