Maison > interface Web > tutoriel CSS > Comment puis-je ajouter un espacement vertical entre les paragraphes en CSS sans utiliser de balises ?

Comment puis-je ajouter un espacement vertical entre les paragraphes en CSS sans utiliser de balises ?

Linda Hamilton
Libérer: 2024-12-18 00:52:10
original
861 Les gens l'ont consulté

How Can I Add Vertical Spacing Between Paragraphs in CSS Without Using `` Tags?

Comment créer un espacement vertical entre les paragraphes à l'aide de CSS

Pour obtenir un espacement vertical entre les sous-paragraphes sans utiliser HTML

balises, une solution CSS uniquement peut être implémentée. Voici comment procéder :

  1. Définir l'affichage : bloquer pour
    élément :
br {
   display: block;
}
Copier après la connexion
  1. Ajouter une marge pour la ligne Espacement :
br {
   margin: 10px 0;
}
Copier après la connexion
  1. Définir la hauteur de la ligne pour l'espace vertical :
line-height:22px; /* Adjust as desired */
Copier après la connexion

Remarque : Cette solution n'est peut-être pas entièrement multi-navigateurs compatible.

Alternatives :

  • Ajouter une propriété de contenu :
br {
   content: " ";
}
Copier après la connexion
  • Utiliser JavaScript :

Cette option est plus fiable dans termes de compatibilité entre navigateurs.

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 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