Maison > interface Web > tutoriel CSS > Comment puis-je ajouter un saut de ligne avant un élément en utilisant CSS ?

Comment puis-je ajouter un saut de ligne avant un élément en utilisant CSS ?

Susan Sarandon
Libérer: 2024-12-13 19:37:10
original
531 Les gens l'ont consulté

How Can I Add a Line Break Before an Element Using CSS?

Insertion de sauts de ligne avant les éléments avec CSS

Dans cet article, nous explorons comment insérer un saut de ligne avant un élément à l'aide de CSS. Bien que la tentative d'utilisation de la propriété content comme suit échoue :

#restart:before { content: '<br/>'; }
Copier après la connexion

Nous présentons une solution utilisant la séquence d'échappement A dans le contenu généré du pseudo-élément :

#restart:before { content: '\A'; }
Copier après la connexion

Pour garantir un affichage correct, il peut être nécessaire d'ajouter white-space:pre à l'élément cible, tel que comme :

#restart { white-space: pre; }
Copier après la connexion

Remarque : La séquence d'échappement A signifie la fin d'une ligne.

Vous pouvez également considérer l'approche suivante :

:before { content: ' '; display: block; }
Copier après la connexion

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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal