Maison > interface Web > tutoriel CSS > Comment puis-je rendre toutes mes images 100 x 100 pixels en utilisant CSS ?

Comment puis-je rendre toutes mes images 100 x 100 pixels en utilisant CSS ?

Susan Sarandon
Libérer: 2024-12-05 15:53:10
original
420 Les gens l'ont consulté

How Can I Make All My Images 100x100 Pixels Using CSS?

Afficher des images avec des dimensions uniformes à l'aide de CSS

Créer une galerie d'images avec une apparence cohérente peut être difficile lorsqu'il s'agit d'images de dimensions variables. Voici comment utiliser CSS pour les rendre uniformes, en ciblant spécifiquement une taille de 100 x 100 pixels :

Solution :

Implémentez le code CSS suivant pour obtenir le résultat souhaité :

img {
    float: left;
    width:  100px;
    height: 100px;
    object-fit: cover;
}
Copier après la connexion

Ajoutez ce code à votre HTML dans un