.d1 {
border: 1px solid black;
display: flex;
width: 300px;
height: 300px;
}
<div class="d1"> <img src="https://www.gravatar.com/avatar/4581a99fa5793feaeff38d989a1524c6?s=48&d=identicon&r=PG"> </div>
Pourquoi l'image s'étire-t-elle également jusqu'à la fin de la largeur de la flexbox ? Ne devrait-il pas s'étendre uniquement vers le bas, comme le fait l'élément div à l'intérieur du conteneur Flexbox ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Vous pouvez contrôler la largeur maximale et la hauteur maximale de l'image pour résoudre facilement votre problème.
Ajoutez simplement
max-width和max-heightà l'image en utilisant CSS, puis ajoutez-y vos propres valeurs.