혹시 세로가 큰이미지와 세로가 보통인 혼합된 갤러리 게시판이나 관련팁이 있을까요? 채택완료

2093110437_1681794476.2718.png

 위에 처럼 갤러리 게시판을 만들고 싶은데 아래처럼 될꺼 같네요.

2093110437_1681794485.8394.png

위에처럼 가로 이미지가 큰것과 보통인것을 혼합해서 출력하는 게시판 샘플이나 팁이 있을까요?

반응형으로 일정 화면 넓이를 넘어갔을때 밀어버리려 해도 가로 긴 이미지가 두개 연속 나올경우

빈 공간이 생길것 같고 그냥 숫자만큼 출력하자니 위에처럼 이미지가 벗어나서 출력 될꺼 같은데

만약 이런 경우 세로가 긴 이미지가 4번째 나올경우 다음 이미지하고 교체되서 나오는 방법을 있을지요?

답변 1개

채택된 답변
+20 포인트

https://sir.kr/g5_skin/30908

 

https://codepen.io/iamsaief/pen/jObaoKo

 

masonry 레이아웃 검색하시면 많이 나오실거에용~

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

아 위에 부분은 좌우 사이즈가 달라지는 거라 다른 내용이고



아래 부분은 가능할수도 있겠네요... 감사합니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고