Ajustement de la distance d'espacement entre le paragraphe de la balise P et le paragraphe CSS en html

Dans les pages Web, nous utilisons généralement les balises html

pour segmenter les paragraphes des articles. J'ai rassemblé et organisé cet article simplement parce qu'un certain site Web a des effets différents dans différents navigateurs en raison de l'utilisation de la balise p. Afin de conserver autant que possible le même effet, j'ai brièvement organisé l'article. L'utilisation de la balise P du HTML créera une distance entre l'article précédent et l'article suivant. Comment contrôler l'espacement entre P et P ?

1. line-heightLine height

Plus nous définissons la valeur de la hauteur de ligne, l'espacement des paragraphes augmentera et l'espacement entre les mots et les lignes augmentera. augmente également. Augmenter, ce paramètre de style de hauteur de ligne n'est pas recommandé.

code css :

p{line-height:22px}

2. css remplissage remplissage intérieur (marge intérieure)

peut être un remplissage recommandé définit l'espacement entre le haut et le bas du paragraphe. En définissant le remplissage intérieur supérieur et inférieur et la distance intérieure, vous pouvez définir l'espacement supérieur et inférieur de p paragraphes.

Code CSS :

p{padding:10px 0}

3. CSS margeMarges extérieures

Implémentation de la marge de l'ajustement de l'espacement des paragraphes CSS et vers le bas Le paramètre de style de distance de l'espacement entre les paragraphes. Nous savons que la marge sert à définir la distance entre les objets supérieur, inférieur, gauche et droit et la distance entre les objets ici peut également. utilisez ce style CSS pour obtenir l'espacement.

Code CSS :

p{margin:10px 0}

4. Résumé de l'espacement des paragraphes

Pour la segmentation des articles de sites Web, les balises html p sont généralement utilisées, et pour les paramètres d'espacement des segments, nous vous recommandons d'utiliser remplissage et marge, de sorte que la distance d'espacement puisse être facilement ajustée et que la distance entre les paragraphes puisse être embellie.

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!