• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

개수에 따른 궁금증

22.02.09 19:15 작성 조회수 122

0

지금은 4개씩 총 16개가 있는데요.
 
만약 개수가 랜덤인 경우에도 CSS만으로
이러한 작업을 할 수 있나요?

답변 1

답변을 작성해보세요.

1

네 정렬 자체는 가능합니다. 어차피 한 줄에 배치시키는게 포인트니까요~
단, 개수가 다르면 폭도 달라지기 때문에 개수에 따라 보기좋게 만들려면 스크립트나 그리드 설정 외의 CSS를 사용해야 합니다. 예제처럼 헤더가 따로 있는 경우도 헤더의 컬럼 개수에 맞춰 스크립트로 숫자를 조정해주는 작업이 필요할 거고요.
현재 상태에서 개수를 조정하면,
ㅁㅁㅁㅁㅁㅁㅁㅁㅁ
ㅁㅁㅁㅁ
ㅁㅁㅁㅁ
ㅁㅁㅁㅁㅁ
ㅁㅁ
이런 느낌으로 배치가 바뀔거예요. 개수가 많은 행은 폭도 줄어들거고요~

최문혁님의 프로필

최문혁

질문자

2022.02.21

아 그렇군요. 그렇다면

A 타입

1 2 3 4
5 6 7 8 

B 타입 
1 2 3 4 

C 타입 
1 2 3 

이렇게는 안되는 것이죠?

아 네 그런 경우에는 그냥 스크립트로 하시는게 좋을 것 같습니다~