Maison > interface Web > tutoriel CSS > Comment effacer les espaces blancs en CSS

Comment effacer les espaces blancs en CSS

王林
Libérer: 2023-01-06 11:14:15
original
4171 Les gens l'ont consulté

La façon d'effacer les espaces blancs en CSS consiste à ajouter l'attribut font-size à l'élément externe, à définir la valeur de l'attribut sur 0 et à spécifier la taille spécifique de la police sur l'élément interne, par exemple [ taille de police : 0;].

Comment effacer les espaces blancs en CSS

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

Si nous voulons effacer l'espace entre les éléments en ligne, le meilleur moyen est de définir font-size:0 sur l'élément externe et de spécifier également la taille de police spécifique sur l'élément interne ;

L'attribut font-size est utilisé pour définir la taille de la police.

Valeurs d'attribut communes :

  • plus petites Définissez la taille de la police sur une taille plus petite que celle de l'élément parent.

  • larger Définit la taille de la police sur une taille plus grande que l'élément parent.

  • length Définissez la taille de la police sur une valeur fixe.

  • % Définissez la taille de la police sur une valeur en pourcentage basée sur l'élément parent.

L'exemple de code est le suivant :

ul.inline-block-list { /* 比如 ul 或者 ol元素 */  
    font-size: 0;  
}  
ul.inline-block-list li {  
    font-size: 14px; /* 设置具体的字体大小 */  
}  
ul.inline-block-list { /* 比如 ul 或者 ol元素 */
font-size: 0;
}
ul.inline-block-list li {
font-size: 14px; /* 设置具体的字体大小 */
}
Copier après la connexion

Afin de décaler l'attribut font de l'élément externe, l'élément interne doit spécifier l'attribut font-size Of. bien sûr, c'est très simple.

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

Étiquettes associées:
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