CSS display:flex/ align-content: 전체 구조에서의 열의 정렬의 사본

align: 교차축

두 줄 이상일 때만 적용된다.

• align-content: normal

• align-content: center; 자식들이 교차축의 중앙 정렬한다.

• align-content: flex-start; 자식들이 교차축의 상단에 정렬한다.

• align-content: flex-end; 자식들이 교차축의 하단에 정렬한다.

• align-content: space-between; 자식들이 교차축 안에서 경계에 바짝 붙어 일정한 간격으로 정렬한다.

• align-content: space-around; 자식들이 교차축 안에서 각각의 마진값을 가진 채 일정한 간격으로 정렬한다. 정렬 사이의 간격이 모두 동일 (간격 + 박스 +간격 + 간격 + 박스 +간격 + 간격)

• align-content: space-evenly; 자식들이 교차축 안에서 일정하게 정렬된다. (간격+박스+간격+박스+간격)

• align-content: stretch; align-items: stretch; 자식들이 교차축 안에서 일정하게 배열된 후 배열된 열 안에서 늘어난 높이를 가진다