CSS - 문제 미리보기
문제 1433
easy
`margin: auto`를 사용하여 이미지를 가로 중앙 정렬하려고 할 때, 반드시 함께 설정해야 하는 속성은 무엇인가요?
정답: B
img 요소의 기본 특성:
• `![]()
`는 기본적으로 인라인 요소(inline element)
• 인라인 요소에는 `margin: auto`가 적용되지 않음
해결 방법:
```css
img {
display: block; /* 필수! 블록 요소로 변환 */
margin: auto; /* 가로 중앙 정렬 */
width: 50%; /* 너비 지정 필요 */
}
```
왜 display: block이 필요한가?
• 블록 요소만 `margin: auto`로 중앙 정렬 가능
• 블록 요소는 전체 너비를 차지하므로 여백을 자동으로 배분
• 인라인 요소는 콘텐츠만큼만 공간을 차지
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.