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 Olsenoriginal
- 2024-12-19 19:18:14571parcourir
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> <pre class="brush:php;toolbar:false"><p>hello <br/> How are you</p>
Ce code produit le résultat suivant :
hello How are you
Maintenant, remplaçons le
tag avec CSS :
p {
white-space: pre;
}
<p>hello How are you</p>
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!