Maison  >  Article  >  interface Web  >  Comment modifier l'espacement des lignes en CSS

Comment modifier l'espacement des lignes en CSS

藏色散人
藏色散人original
2021-02-28 10:26:193860parcourir

Comment modifier l'espacement des lignes en CSS : 1. Créez une nouvelle page de codes HTML ; 2. Ajoutez deux éléments div à la page html et définissez du texte en même temps 3. Ajoutez une classe à l'un des éléments ; les éléments div avec la classe big Utilisé pour définir la hauteur de ligne ; 4. Utilisez line-height pour définir la hauteur de ligne de la grande classe, la syntaxe est ".big{line-height: line spacing value;}".

Comment modifier l'espacement des lignes en CSS

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.

Ouvrez l'outil de développement HTML, créez une nouvelle page de codes HTML, puis entrez deux

dans cette page HTML et définissez du texte, puis ajoutez une classe à l'une des classes
réglage de la hauteur des lignes.

Créer un code

 :
<div>
这是一个标准行高的段落。<br>
这是一个标准行高的段落。<br>
这是一个标准行高的段落。<br>
</div>
<br />
<div class="big">
这是一个更大行高的段落。<br>
这是一个更大行高的段落。<br>
这是一个更大行高的段落。<br>
</div>

Comment modifier lespacement des lignes en CSS

Définir la hauteur de la ligne. Créez une balise

Code de style CSS :

<style type="text/css">
.big{
line-height: 300%;
}
</style>

Comment modifier lespacement des lignes en CSS

Enregistrez la page html et ouvrez-la avec un navigateur, vous pouvez voir la balise div contenant la grande classe sur le navigateur page L'interligne est devenu plus grand.

Comment modifier lespacement des lignes en CSS

Recommandé : "Tutoriel vidéo CSS"

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