Comment puis-je insérer des sauts de ligne avant les éléments HTML en utilisant uniquement CSS ?

Insertion de sauts de ligne dans les éléments HTML avec CSS

Il est possible d'insérer des sauts de ligne avant les éléments HTML à l'aide de la propriété content de CSS. Tenter d'utiliser des balises HTML telles que <br/> dans la propriété content, comme le montre l'exemple suivant, ne fonctionnera pas :

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

Pour obtenir le résultat souhaité, il faut utiliser la séquence d'échappement A dans le contenu généré du pseudo-élément. Selon la spécification CSS2, A représente la fin d'une ligne.

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

De plus, il peut être nécessaire d'inclure white-space: pre; au style de l'élément pour empêcher la suppression des espaces de fin.

Notez que A désigne la fin d'une ligne.

Une autre approche pour insérer des sauts de ligne consiste à utiliser le CSS suivant :

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

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!