<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">지금은 4개씩 총 16개가 있는데요.</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">만약 개수가 랜덤인 경우에도 CSS만으로</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">이러한 작업을 할 수 있나요?</div>

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

인프런 커뮤니티 질문&답변

개수에 따른 궁금증