CSS Flexbox의 주요 속성은?

Flexbox 레이아웃을 사용할 때, 요소들의 정렬과 배치를 조절하기 위해 사용되는 주요 속성에 대해 설명하겠습니다. 'display: flex;'를 선언한 후, 자식 요소에 대해 다양한 정렬 옵션을 적용할 수 있습니다. 아래 예시를 참고하세요:

위의 코드는 컨테이너 내의 요소들이 수평으로 중앙 정렬되며, 수직으로는 상단에 정렬됩니다. 이제 Flexbox에서 주로 사용되는 속성을 선택하세요.

CSS

.container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

답변

flex-direction flex-justify flex-start flex-align

로그인 후 제출하기