Maison  >  Article  >  Quelle est l'unité de em en CSS ?

Quelle est l'unité de em en CSS ?

尊渡假赌尊渡假赌尊渡假赌
尊渡假赌尊渡假赌尊渡假赌original
2023-12-07 14:56:491979parcourir

Em en CSS est une unité de longueur relative, qui est calculée par rapport à la taille de la police de l'élément. Si elle est appliquée à la taille de la police, 1em sera égale à la taille de la police. de l'élément parent.

Quelle est l'unité de em en CSS ?

Le système d'exploitation de ce tutoriel : système Windows 10, ordinateur Dell G3.

En CSS, em est une unité de longueur relative, calculée par rapport à la taille de la police de l'élément. Plus précisément, 1em est égal à la taille de la police de l'élément actuel. S'il est appliqué à une taille de police, 1em sera égal à la taille de police de l'élément parent.

Lorsqu'elle est appliquée à d'autres attributs, l'unité em calculera la longueur relative en fonction de la taille de la police de l'élément. Cela rend l'unité em très utile lors de la mise en œuvre de la mise en page par rapport à la taille du texte.

Voici quelques exemples qui montrent comment l'unité em est utilisée :

/* 设置段落文本的字体大小为父元素字体大小的 1.2 倍 */
p {  
font-size: 1.2em;
    }
/* 设置 div 元素的宽度为当前字体大小的两倍 */
div {  
width: 2em;
    }

Il convient de noter que puisque em est une unité de longueur relative, elle héritera de la taille de police de l'élément parent, ce qui peut entraîner la valeur em dans le élément imbriqué à changer. Pour un meilleur contrôle de la mise en page, il peut parfois être plus pratique d'utiliser les unités rem, car elles sont calculées par rapport à la taille de la police de l'élément racine (c'est-à-dire l'élément html).

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!

Déclaration:
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