Maison > interface Web > tutoriel CSS > Introduction détaillée à la hauteur de ligne

Introduction détaillée à la hauteur de ligne

零下一度
Libérer: 2017-06-11 09:20:19
original
1860 Les gens l'ont consulté

1. La définition de la hauteur de ligne. La hauteur de ligne fait référence à la distance entre les lignes, c'est-à-dire la distance entre les lignes de base. Alors pourquoi une seule ligne de texte a-t-elle toujours une ligne. hauteur? Nous regardons vers le bas en gardant cette question à l'esprit. 2. Modèle de boîte en ligne

Il s'agit d'une seule ligne de texte et il existe une balise zone de contenu

Figure 1 La "zone de contenu" est une boîte entourant le texte. Nous pouvons la considérer comme la taille de la zone de texte sélectionnée par la souris. Sa taille est uniquement liée à la taille de la police. comme sur la figure 1. La zone dans laquelle le texte est sélectionné par la souris est la zone dans laquelle « une seule ligne de texte » est sélectionnée. Les "boîtes en ligne" n'affichent pas le texte en blocs, mais en ligne. Le texte enveloppé par des éléments en ligne, tels que la « zone de contenu » enveloppée par des balises span, peut être appelé une « boîte en ligne », tandis que la partie non enveloppée par des éléments en ligne peut être considérée comme une « boîte en ligne anonyme ». La « boîte en ligne » peut être considérée comme la zone de « zone de contenu » dans la balise span dans la figure 1, et la « boîte en ligne anonyme » peut être considérée comme la boîte virtuelle rouge

1. 🎜>Doit maîtriser l'attribut CSS --lineheight

Introduction détaillée à la hauteur de ligne

Introduction : 1. Définition de la hauteur de ligne La hauteur de ligne fait référence à la distance entre les lignes Distance, c'est-à-dire la distance entre les lignes de base, et seules deux lignes de texte auront deux lignes de base, alors pourquoi une seule ligne de texte a-t-elle toujours une hauteur de ligne ? Nous regardons vers le bas en gardant cette question à l'esprit. 2. Modèle de boîte en ligne Il s'agit d'une seule ligne de texte et d'une étiquette de zone de contenu. La « zone de contenu » est la zone entourant le texte. Nous pouvons la considérer comme la taille de la zone de texte sélectionnée par la souris. Sa taille est uniquement liée à la taille de la police. La figure 1 est sélectionnée par la souris. C'est-à-dire...

2 Partagez une méthode pour rendre la taille de la police plus grande et non centrée dans la préface.

Introduction détaillée à la hauteur de ligne

Introduction : Scénario : Cliquez sur une lettre pour faire apparaître un modal et afficher la lettre dans le modal. style:.modal{ position : absolue ; gauche : 0 ; droite : 0 ; haut : 0 ; marge : 600rpx 300rpx ; hauteur : 140rpx ; >[Recommandations de questions et réponses associées] :

javascript - Un étrange problème dans le calcul des attributs DOM (getComputedStyle)

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!

source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal