À l'ère de la disposition des tableaux, il n'est pas nécessaire de trop penser au centrage vertical. Dans les cellules, la valeur par défaut est le centrage vertical. Une ligne de texte est centrée verticalement, et trois lignes de texte seront également centrées verticalement. Effectuez la mise en page de la page Web CSS afin que le formulaire soit modifié. Le texte est positionné par défaut en haut du conteneur.
Comme indiqué ci-dessous :
| |
Dans ce cas, comment centrer verticalement le texte ? Divisé en trois situations :
1. S'il s'agit d'une seule ligne de texte, vous pouvez utiliser l'espacement des lignes pour résoudre le problème.
Nous y ajoutons la définition de l’espacement des lignes pour obtenir l’effet de centrer verticalement une seule ligne de texte.
| |
2. S'il s'agit d'un texte multiligne, le conteneur parent n'a pas de hauteur fixe.
Nous pouvons utiliser du rembourrage pour résoudre le problème.
Définissez le remplissage du conteneur sur la même valeur fixe et la hauteur du conteneur augmente à mesure que le contenu augmente.
Utilisez-le pour réaliser le centrage vertical du texte multiligne.
| Nous nous engageons à alimenter les sites Web chinois ! |
| |