Mise à l'échelle de plusieurs images pour s'adapter en ligne dans un div?

Question

Existe-t-il un moyen efficace de mettre à l'échelle un certain nombre d'images de sorte qu'elles puissent s'intégrer à l'intérieur d'une div de taille fixe? Je suppose qu'il serait possible de faire en utilisant javascript pour calculer la largeur div, le diviser par le nombre d'images (à l'exclusion padding), puis redimensionner les images de manière égale pour garder leurs proportions mais j'espère il y a une meilleure façon de le faire.

Answer 1

Si vous connaissez à l'avance la taille de la div, vous pouvez définir la largeur des images sur les balises dans votre code HTML ou en utilisant une règle CSS. Si vous ne connaissez pas la taille de la div, mais que vous connaissez le nombre d'images attendues, vous pouvez définir la largeur de chaque image en pourcentage (100/nombre d'images). Si vous déclarez uniquement la largeur, le navigateur conservera le format des images.