https://sir.kr/g5_tip/12768?sfl=wr_subject%7C%7Cwr_content&stx=%EB%9E%9C%EB%8D%A4
해당 원글로 랜덤추출은 정상적으로 잘 되는데여
이런식으로 게시글이 정렬이 안되고 따로따로 놀고 있는데 이거 혹시 해결할 방법이 있을까요?
|
답변 2개 / 댓글 4개
채택된 답변
+20 포인트
마르스컴퍼니
2021-09-02 (목) 17:29:01
랜덤 추출 문제가 아닌 css 문제입니다.
보통 이러한 경우는,
노출되는 li (또는 div) 요소들의 높이가 모두 같지 않고.. 어떤 하나가 미세하게 차이가 나서입니다.
최신글의 li 요소에 min-height 고정값을 주면 해결되는 경우가 있습니다.
min-height: 200px;
답변에 대한 댓글 4개
익수야가자
2021-09-02 (목) 18:10:30
마르스컴퍼니
2021-09-02 (목) 18:12:49
업체점수가 표시되는 li (또는 div) 의 높이가,
업체점수가 표시되지 않는 li (또는 div) 의 높이가 높습니다.
(새로고침을 하면.. 랜덤추출로 인해.. 업체점수가 표시O 일정이거나 표시X 일정이면 이러한 현상이 나타나지 않을 수도 있습니다.)
그래서 생겨난 현상이 아닐까 생각됩니다.
업체점수가 표시되지 않는 li (또는 div) 의 높이가 높습니다.
(새로고침을 하면.. 랜덤추출로 인해.. 업체점수가 표시O 일정이거나 표시X 일정이면 이러한 현상이 나타나지 않을 수도 있습니다.)
그래서 생겨난 현상이 아닐까 생각됩니다.
마르스컴퍼니
2021-09-02 (목) 19:11:41
제가 생각하는 해결책은
해당 박스의 높이를 (css 부분을) 고정값으로 주는 것입니다.
{min-height: 400px}
해당 박스의 높이를 (css 부분을) 고정값으로 주는 것입니다.
{min-height: 400px}
익수야가자
보시면 이렇게 정렬이 되기도 하고
이렇게 나눠지기도 합니다
답변을 작성하려면 로그인이 필요합니다.
순서가 뒤죽박죽이라 그런것 같습니다