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

Question

너비는 같지만 높이가 다른 항목을 렌더링하기 위해 3열 석조 레이아웃을 만들고 싶지만 아래 코드를 시도하면 세 번째 열이 비어 있어 약간 이상해 보입니다. 어떻게든 고칠 수 있을까요? 이 코드를 시도했는데 첫 번째 열에 두 개의 항목이 있고 두 번째와 세 번째 열에 한 개의 항목이 있기를 원합니다. 높이가 같은 4개의 항목은 특정 사례일 뿐이므로 최종적으로 항목 수와 각 항목의 높이를 알 수 없습니다. .container{열 개수:3;배경색:#

P粉281089485 · Answer

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

와 결합할 수 있습니다.

으아악 으아악