Je veux faire une taille fixe de code> avec des images dedans.
J'ai cette partie jsp code> (si nécessaire plus, je vais ajouter) img {
width: auto;
height: auto;
margin-bottom: auto;
margin-top: auto;
}
3 Réponses :
sur la balise d'image, ajouter l'alignement d'un centre
Nope, align est une propriété inconnue selon IDE (et aucun résultat visible sur la page)
La propriété Align n'existe pas dans CSS.
comme chrkirsen a déclaré, le objet-ajustement: contient et définir le Max-hauteur: 200px à hauteur: 200px avait fait le comportement attendu.
Heureux ça a fonctionné! Assurez-vous de fournir des préfixes et une bonne expérience de secours si votre support prévu comprend des navigateurs plus anciens. 👍
Vous pouvez le faire. i parent corrigé sur J'ai ajouté Vous pouvez 200px de sorte que chaque parent sera la même hauteur. Align-items: Centre; Centrer le contenu du parent sur l'axe vertical qui devrait résoudre votre problème max-largeur : 100% `` et hauteur: auto pour les images pour les rendre réactifs. Pour cela, vous pouvez utiliser BOOTSTRAP4 Class IMG-FLUIDE ou BOOTSTRAP3 IMG-RAPPORTIVE```
Je ne sais pas si cela vous aidera: vous pouvez définir la hauteur de votre image (au lieu de
max-hauteur ) sur200px et utiliserobjet -fit: contenir dessus pour le rendre adapté à l'intérieur de la taille définie.