2x1x2x1x2 레이아웃으로 이미지 정렬

Question

그림과 같이 2x1x2x1x2 그리드 형식으로 이미지를 정렬하고 싶은데 이미지가 반복되어 어떻게 이렇게 얻을 수 있는지 모르겠습니다. 나는 그리드가 어떻게 작동하는지 잘 알지 못해서 그것을 알아낼 수 없는 것 같습니다. 나는 그것들을 유연하게 만들었고 위치를 약간 엉망으로 만들었습니다. 물론 내 탐색 기능과 항목이 있는 페이지 상단으로 보내지거나 둘 중 하나입니다. 지금 내가 가지고 있는 한 모든 이미지가 서로 붙어 있어서 괜찮지만 한 열에만 있습니다.

아래 코드는 동일한 형식의 더 많은 이미지로 계속됩니다.

으아악 으아악

내가 말했듯이 부동 소수점 값, 탄력적 스케일과 같은 몇 가지 옵션을 다루었지만 그것이 어떻게 작동하는지 알 수 없는 것 같습니다. 인터넷에서 찾아봤는데 잘 이해가 안 되거나 작동하지 않는 것 같아요. 누군가가 도울 수 있기를 바랍니다

Answer 1

그리드를 사용하면 쉽게 할 수 있습니다. 아래에 예를 제시하고 각 관련 부분을 주석 처리하여 작동 방식을 설명했습니다.

또한 각 ID 속성은 고유해야 합니다.

으아악 으아악