CSS: 열을 사용하여 2개 열에 4개 항목 렌더링: 3

Question

폭은 동일하지만 높이가 다른 항목을 렌더링하기 위해 3열 석조 레이아웃을 만들고 싶지만 아래 코드를 시도하면 세 번째 열이 비어 있어 조금 이상해 보입니다. 어떻게든 고칠 수 있을까요?

이 코드를 시도해 보니 첫 번째 열에 두 개의 항목이 있고 두 번째와 세 번째 열에 한 개의 항목이 있고 싶습니다. 높이가 같은 4개의 항목은 특정 사례일 뿐이므로 최종적으로 항목 수와 각 항목의 높이를 알 수 없습니다.

으아악 으아악

Answer 1

이 경우 display: flex 与 flex-wrap: wrap 和 justify-content: space- Between 컨테이너

와 결합할 수 있습니다.

으아악 으아악