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
Susan Sarandonoriginal
2024-12-05 15:53:10419parcourir

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;
}

Ajoutez ce code à votre HTML dans un