Maison > interface Web > tutoriel CSS > Comment puis-je réaliser des sauts de ligne en HTML sans utiliser `` ?

Comment puis-je réaliser des sauts de ligne en HTML sans utiliser `` ?

Mary-Kate Olsen
Libérer: 2024-12-19 19:18:14
original
565 Les gens l'ont consulté

How Can I Achieve Line Breaks in HTML Without Using ``?

Plus
 : Réaliser des sauts de ligne avec CSS

La pratique standard dicte l'utilisation de
balises pour créer de nouvelles lignes en HTML. Cependant, et s'il existait une méthode alternative pour réaliser des sauts de ligne sans recourir à
?

La solution CSS

La clé réside dans l'utilisation de la propriété "espace blanc" en CSS. En définissant la propriété "white-space" sur "pre", les éléments peuvent imiter le comportement de

 balises, qui conservent les nouvelles lignes dans leur contenu.</p>
<h3>Un exemple pratique</h3>
<p>Pour illustrer ce concept, considérons l'exemple suivant :</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><p>hello <br/> How are you</p>
Copier après la connexion

Ce code produit le résultat suivant :

hello
How are you
Copier après la connexion

Maintenant, remplaçons le
tag avec CSS :

p {
  white-space: pre;
}
Copier après la connexion
<p>hello 
How are you</p>
Copier après la connexion

Voila ! Les nouvelles lignes sont conservées, ce qui donne exactement le même résultat qu'avant sans avoir besoin de
.

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Recommandations populaires
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal