Maison > Article > interface Web > Comment réaliser des sauts de ligne en CSS sans balises HTML ?
Sauts de ligne CSS sans balises HTML
La réalisation de sauts de ligne uniquement avec CSS, sans introduire d'éléments HTML supplémentaires, peut être obtenue en utilisant la méthode suivante :
Problème :
Dans une liste à puces, vous souhaitez avoir un saut de ligne après un
Solution CSS :
La solution réside dans l'utilisation de pseudo-éléments CSS pour introduire un saut de ligne. Voici le code CSS :
h4 { display: inline; } h4:after { content: "\a"; white-space: pre; }
Explication :
Démo :
Un exemple de cette technique peut être trouvé ici : http://jsfiddle.net/Bb2d7/
Origine :
L'inspiration pour cette astuce est venue de cette réponse StackOverflow : https://stackoverflow.com/a/66000/509752
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!