CSS - 문제 미리보기
문제 1122
medium
다음 코드에서 빈칸에 들어갈 값으로 요소를 수평 중앙 정렬하려면?
```css
.center-box {
width: 300px;
margin: ______;
}
```
정답: D
요소를 수평 중앙 정렬하려면 좌우 마진을 auto로 설정해야 하며, 요소에는 구체적인 너비가 있어야 합니다.
중앙 정렬의 조건:
1. 너비 설정: `width: 300px` ✓ (이미 설정됨)
2. 좌우 마진 auto: 남은 공간을 좌우로 균등 분배
선택지 분석:
1) center: CSS 마진 값이 아님
2) auto: 모든 면이 auto가 되어 위아래도 auto (비추천)
3) middle: CSS 마진 값이 아님
4) 0 auto: 위아래 0, 좌우 auto (정확한 중앙 정렬) ✓
동작 원리:
```css
.center-box {
width: 300px;
margin: 0 auto;
}
```
부모 요소가 800px일 때:
• 요소 너비: 300px
• 남은 공간: 800px - 300px = 500px
• 좌우 마진: 500px ÷ 2 = 250px씩
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.