Flex 컨테이너 내 이미지 사이의 간격을 제거합니다.

Question

[반복]

여기에 답변하세요. div 내부의 이미지에는 이미지 아래에 추가 공간이 있습니다

여러 행에 걸쳐 다양한 크기의 일부 이미지를 표시하고 있습니다. 여기에 예가 있습니다

하지만 줄 사이에 간격이 있습니다. 많이 노력했지만 이유를 찾을 수 없었습니다.

으아아아

In Album.vue

으아아아

및 CSS:

<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>

Answer 1

스타일을 어떻게 지정했는지 볼 수 없기 때문에 이것이 정확히 원하는 것인지는 모르겠지만 이미지의 높이와 너비를 100%로 지정했는데 이는 기본적으로 codepen에서 수행됩니다.

CodePen 링크

으아악