CSS를 사용하여 하단 Flex 열의 항목 순서를 유지하려면 어떻게 해야 합니까?

Question

다음과 같이 컨테이너 상단에서 정렬되어 1에서 5까지 정렬된 수평 중앙의 Flex 항목 열이 있습니다.

으아아아 으아아아

용기 바닥에 맞춰 정렬하고 싶어요. 다음 코드에서처럼 flex-direction: column-reverse;를 사용하여 이 작업을 수행했습니다.

으아아아 으아아아

하지만 보시다시피 이 아이템들은 결함이 있습니다! CSS를 사용하여 항목 순서를 바꾸지 않고 하단에 Flex 열을 둘 수 있는 방법이 있나요? 지금까지 제가 알고 있는 모든 Flex 속성을 시도했지만 성공하지 못했습니다.

Answer 1

항목을 교차 축을 따라 정렬하는 방법을 정의하는 justify-content 属性沿主轴对齐内容（在您的情况下是垂直对齐）。您正在使用 align-items 을 사용해야 합니다.

으아악 으아악

Answer 2

justify-content: end;

를 사용할 수 있습니다.

으아아아 으아아아