HTML - 문제 미리보기

문제 940

medium
Flexbox를 사용하여 `
` 요소들을 가로로 배치할 때 올바른 코드는? ```html
항목 1
항목 2
항목 3
``` ```css .container { _____: _____; } .container > div { width: 33%; } ```
A. `display`, `block`
B. `display`, `flex`
C. `flex-direction`, `row`
D. `justify-content`, `center`

정답: B

Flexbox 레이아웃을 사용하려면 부모 요소(컨테이너)에 `display: flex`를 설정해야 합니다. 이렇게 하면 자식 요소들이 자동으로 가로로 배치됩니다. `flex-direction: row`는 기본값이므로 생략 가능하고, `justify-content: center`는 정렬 방식을 조정하는 속성이지만 Flexbox를 활성화하는 것은 아닙니다. Flex 컨테이너가 되면 자식 요소들의 너비를 유연하게 조절할 수 있습니다.

💡 학습 팁

이 문제를 포함한 HTML 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.