Maison >interface Web >tutoriel CSS >Comment puis-je conserver les espaces et les nouvelles lignes lors de l'affichage de texte en HTML ?

Comment puis-je conserver les espaces et les nouvelles lignes lors de l'affichage de texte en HTML ?

Susan Sarandon
Susan Sarandonoriginal
2024-12-29 08:00:19881parcourir

How Can I Preserve Spaces and Newlines When Displaying Text in HTML?

Comment préserver les espaces et les nouvelles lignes lors du rendu d'une chaîne en HTML

Dans le développement Web, il est souvent souhaitable d'afficher le texte dans un format spécifique, notamment en préservant les espaces et les lignes. pauses. Cependant, par défaut, HTML ignore ces éléments, ce qui fait que tout le texte apparaît sur une seule ligne.

Solution : Utilisation d'espaces : pré-enveloppement ;

Une méthode efficace pour conserver l'original le formatage d'une chaîne en HTML consiste à appliquer l'espace blanc : pre-wrap; style au conteneur de texte. Cette règle CSS oblige le navigateur à afficher le texte tel quel, en préservant à la fois les espaces et les sauts de ligne.

Considérons l'exemple suivant :

<div>

Une fois rendu, ce code affichera la chaîne exactement tel qu'écrit, y compris tous les espaces et nouvelles lignes, garantissant que la mise en forme d'origine est préservée.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn