Je suis en train d'essayer de construire une galerie d'images réactive de trois colonnes et deux rangées avec une largeur maximale de 800px. Et je voudrais obtenir une conduite de l'écart sa création lorsque je définis la hauteur des images de fond.
p>
<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="trash.css"> <title>Document</title> </head> <body> <div class="container"> <div class="grid"> <div class="img"></div> <div class="img"></div> <div class="img"></div> <div class="img"></div> <div class="img"></div> <div class="img"></div> </div> </div> </body> </html>
3 Réponses :
Alors ne définissez pas la hauteur sur Réglez-le à AUTO P> 300px code> p>
J'ai essayé mais ça ne marche pas, ça ne montrera pas l'image
Vous ne chargez pas les images à l'intérieur du HTML? @Cristianmarcos mais sur le CSS
J'ai essayé ce que vous venez de dire et cela a travaillé. Merci beaucoup!
Si l'image aura toujours le même rapport, utilisez le truc de remplissage
P>
<div class="grid"> <div class="img"></div> <div class="img"></div> <div class="img"></div> <div class="img"></div> <div class="img"></div> <div class="img"></div> </div>
Si vous utilisez Si vous ajoutez Essayez ceci p> BCKground-Taille: contenir code> Il contient le rapport image et ne fonctionnera pas avec la hauteur.
Taille de l'arrière-plan: Â Couvercle Code > Cela fonctionnera bien sur cela. P>