[répéter]

Répondez ici Les images à l'intérieur du div ont un espace supplémentaire sous l'image

J'affiche des images de différentes tailles sur plusieurs lignes. Exemple ici

Mais il y a des espaces entre les rangées. J'ai beaucoup essayé mais je n'ai pas trouvé la raison.

<div class="muralBox">
  <div class="wrapper">
    <div v-for="(topAlbum, i) in topAlbumInfo.value" :key="topAlbum.name" class="albums"> 
      <Album :info="topAlbum" :width="layoutConfig[i].width"/>
  </div>
  </div>
</div>

Dans Album.vue

<img :src="img" :width="width" :height="width" alt=""/>

et CSS :

.muralBox {
  margin: auto;
  max-width: 400px;
  min-width: 400px;
}
.wrapper {
  background: #1f1c2c;
  display: flex;
  flex-wrap: wrap;
}