CSS Flexbox의 기본 이해는?

Flexbox는 CSS의 레이아웃 모듈 중 하나로, 요소들을 한 방향으로 정렬하고 공간을 배분하는 데 유용하다. 다음의 HTML 코드 조각을 참고하라:

아래 CSS를 사용하여 Flexbox를 적용하려고 한다:

이때, `justify-content` 속성의 효과는 무엇인가?

HTML

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

답변

아이템들 간의 간격을 균등하게 만든다. 아이템들의 크기를 강제로 동일하게 만든다. 모든 아이템을 컨테이너의 왼쪽에 정렬한다. 아이템들을 수직으로 정렬한다.

로그인 후 제출하기