Maison > Article > interface Web > Comment définir la hauteur de la ligne HTML
Comment définir la hauteur de la ligne HTML
- 藏色散人original
- 2021-04-28 09:11:0218182parcourir
Comment définir la hauteur de ligne en HTML : créez d'abord un exemple de fichier HTML ; puis créez plusieurs lignes de contenu de texte via la balise p dans le corps ; enfin, définissez la ligne en ajoutant "line-height:20px; " Style au texte aussi haut que possible.
L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur DELL G3.
Comment définir la hauteur de ligne pour une page HTML
Définir la hauteur de ligne
Parce que c'est simple, je l'ai juste codé comme d'habitude Note. : line-height Les valeurs d'attribut peuvent utiliser des valeurs fixes telles que : 20px.. et des pourcentages tels que : 20%.
Si vous souhaitez que le texte soit centré verticalement comme suit : La fonction principale de la hauteur de ligne est de définir l'alignement central vertical du texte. La valeur de la hauteur de ligne peut être la même que la valeur de. la hauteur.
Entrons dans la pratique de l'attribut line-height. Le contenu de la pratique est tel que : définir la hauteur de ligne de la balise p à 20px.
Bloc de code
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>设置字符和单词距离</title>
<style>
p{
line-height: 20px;
}
</style>
</head>
<body>
<p>成功不是打败别人，而是改变自己。</p>
<p>成功不是打败别人，而是改变自己。</p>
<p>成功不是打败别人，而是改变自己。</p>
</body>
</html>Tracé des résultats
Remarque : utilisez des pourcentages pour les blocs de code bruts suivants.
[Apprentissage recommandé : Tutoriel vidéo HTML]
<style>
p{
line-height: 20%;
}
</style>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!