Maison >interface Web >tutoriel CSS >Comment CSS peut-il insérer des sauts de ligne avant les éléments ?

Comment CSS peut-il insérer des sauts de ligne avant les éléments ?

DDD
DDDoriginal
2024-11-28 20:23:12989parcourir

How Can CSS Insert Line Breaks Before Elements?

Les CSS peuvent-ils insérer des sauts de ligne avant les éléments ?

Insérer un saut de ligne avant un élément à l'aide de la propriété de contenu CSS peut sembler une tâche impossible. Tentative d'utilisation de "
" dans la propriété content, comme indiqué ci-dessous, ne donnera pas le résultat souhaité :

#restart:before { content: '<br/>'; }

Cependant, il existe une méthode pour y parvenir en utilisant la séquence d'échappement spéciale A dans le contenu généré par le pseudo-élément.

#restart:before { content: '\A'; }

Pour garantir un formatage correct, il peut être nécessaire d'inclure la règle CSS supplémentaire :

#restart { white-space: pre; }

La séquence d'échappement A indique la fin d'un ligne, provoquant effectivement l'apparition d'un saut de ligne avant l'élément ciblé, #restart.

Alternativement, une autre approche consiste à ajouter un caractère espace en tant que contenu et à définir son affichage sur bloquer :

:before { content: ' '; display: block; }

Cela créera un espace vide qui apparaîtra sur une ligne distincte, agissant comme un saut de ligne.

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