문의 드립니다.
본문
즐거운 금요일 저녁시간 되시기 바라며 궁금한점이 있어서 문의 드립니다.
다름이 아니라 갤러리 최신글 적용하는데 10개로 하면 순서가 첨부 이미지처럼 나옵니다.순서대로 적용되는것이아니라... 어떻게 해야할지 궁금합니다.여섯번째를 건너뛰고 일곱번째가 먼저 나오던가 아니면 아홉번째 이미지가 먼저 노출되곤 합니다.
답변 3
첫번째 요소의 height가 다른 요소보다 더 크기 때문에 float 속성에 의해 다음 칸으로 미뤄진 것입니다. (자세히 보시면 첫번째 요소의 12-22가 아래로 내려와있는 것을 볼 수 있습니다.)
설명이 너무 어려운 것 같아서 그림을 첨부합니다.
사실 정상적인 순서로 보여지고 있는 것이긴 합니다. css가 어긋난 것 뿐이지요.
고치는 방법은 간단합니다. 1의 height를 다른 요소와 맞추거나(1의 height를 줄이거나), 나머지의 height를 1과 맞추거나(2~5의 height를 늘리거나) 입니다.
order by 로 쿼리문을 해당 idx 값이나 index 값순서대로 가져오도록 해주셔야 합니다.
해당 갤러리 wrap 부분 min-height 를 가장 높은 부분 만큼 줘보세요~
답변을 작성하시기 전에 로그인 해주세요.