CSS - 문제 미리보기
문제 1278
medium
다음 중 세로 가운데 정렬을 위한 현대적이고 가장 권장되는 방법은?
```css
.container {
height: 200px;
display: _____;
_____: center;
_____: center;
}
```
정답: B
Flexbox를 이용한 완벽한 가운데 정렬:
Flexbox 정렬의 우수성:
• 가로 + 세로 동시 정렬 가능
• 간단하고 직관적인 문법
• 반응형에 최적화된 동작
• 브라우저 호환성 우수 (IE11+)
각 속성의 역할:
• display: flex: 플렉스 컨테이너로 설정
• justify-content: center: 주축(가로) 가운데 정렬
• align-items: center: 교차축(세로) 가운데 정렬
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.