Comment changer la hauteur des éléments en ligne en CSS

Comment modifier la hauteur des éléments en ligne à l'aide de CSS : Vous pouvez utiliser l'attribut line-heihgt pour définir la hauteur des éléments en ligne, tels que [line-height:100px;]. La propriété line-height est utilisée pour définir la hauteur de la ligne en pourcentage.

L'environnement d'exploitation de cet article : système Windows 10, CSS 3, ordinateur thinkpad t480.

L'attribut line-height est un attribut très important en CSS. Cet attribut est utilisé pour définir la hauteur de la ligne en pourcentage. Il est à noter que les valeurs négatives ne sont pas autorisées.

Valeur de l'attribut :

• normal par défaut. Définissez un espacement raisonnable des lignes.

• numéro Définissez un nombre, qui sera multiplié par la taille de police actuelle pour définir l'espacement des lignes.

• longueur Définir l'espacement des lignes fixe.

• % % interligne en fonction de la taille de police actuelle.

• inherit spécifie que la valeur de l'attribut line-height doit être héritée de l'élément parent.

Exemple de code :

(Partage de vidéos d'apprentissage : Tutoriel vidéo CSS)

Les éléments en ligne définissent la hauteur et le texte est vertical Centré horizontalement

    span {
      background: red;
      line-height: 100px;
      align-items: center;
      display: flex;
      justify-content: center;
    }

Recommandations associées : Tutoriel 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!