채택완료

최신글 랜덤 추출

https://sir.kr/g5_tip/12768?sfl=wr_subject%7C%7Cwr_content&stx=%EB%9E%9C%EB%8D%A4

해당 원글로 랜덤추출은 정상적으로 잘 되는데여

 

1847847388_1630568976.2676.png

 

이런식으로 게시글이 정렬이 안되고 따로따로 놀고 있는데 이거 혹시 해결할 방법이 있을까요?

|

답변 2개 / 댓글 4개

채택된 답변
+20 포인트

랜덤 추출 문제가 아닌 css 문제입니다.

 

보통 이러한 경우는,

노출되는 li (또는 div) 요소들의 높이가 모두 같지 않고.. 어떤 하나가 미세하게 차이가 나서입니다.

최신글의 li 요소에 min-height 고정값을 주면 해결되는 경우가 있습니다.

min-height: 200px;

답변에 대한 댓글 4개

새로고침 몇번하면 정렬이 되기는 합니다
순서가 뒤죽박죽이라 그런것 같습니다
업체점수가 표시되는 li (또는 div) 의 높이가,
업체점수가 표시되지 않는 li (또는 div) 의 높이가 높습니다.

(새로고침을 하면.. 랜덤추출로 인해.. 업체점수가 표시O 일정이거나 표시X 일정이면 이러한 현상이 나타나지 않을 수도 있습니다.)

그래서 생겨난 현상이 아닐까 생각됩니다.
아래 이미지 첨부 했는데 아래와 같이 됩니다
제가 생각하는 해결책은
해당 박스의 높이를 (css 부분을) 고정값으로 주는 것입니다.

{min-height: 400px}

thumb-1847847388_1630575709.2722_730x410.png

보시면 이렇게 정렬이 되기도 하고 

thumb-1847847388_1630575734.5974_730x410.png

이렇게 나눠지기도 합니다

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