CSS Flexbox 기본 동작 이해

다음은 Flexbox로 구성된 간단한 레이아웃입니다. 부모 요소에 display: flex; 속성을 적용하고, 자식 요소들에게 margin을 다르게 주었습니다. 이때, 자식 요소들이 Flexbox의 기본 동작에 따라 어떻게 배치될지 결정하는 데 영향을 미치는 속성은 무엇인가요?

여기서, Flexbox의 기본 정렬을 변경하기 위한 속성에 대해 물음.

HTML

<div class="flex-container">
    <div class="flex-item">Item 1</div>
    <div class="flex-item">Item 2</div>
    <div class="flex-item">Item 3</div>
</div>

답변

align-items justify-content flex-direction flex-wrap

로그인 후 제출하기