Maison >interface Web >tutoriel CSS >Introduction détaillée à la hauteur de ligne
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 rouge1. 🎜>Doit maîtriser l'attribut CSS --lineheight
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 : 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!