CSS - 문제 미리보기
문제 1236
medium
다음 코드에서 span 요소의 동작은?
```css
span {
display: _____;
width: 200px;
height: 100px;
}
```
span 요소를 인라인으로 유지하면서 width와 height를 적용하고 싶을 때
```css
span {
display: _____;
width: 200px;
height: 100px;
}
```
span 요소를 인라인으로 유지하면서 width와 height를 적용하고 싶을 때
정답: C
inline-block의 특별한 특성:
inline 특성:
• 한 줄에 다른 요소들과 나란히 배치
• 새 줄에서 시작하지 않음
• 텍스트 흐름을 방해하지 않음
block 특성:
• width, height 속성 적용 가능
• padding, margin 모든 방향 적용 가능
• 크기 제어 완전히 가능
다른 선택지들의 한계:
• inline: width, height 무시됨
• block: 새 줄에서 시작하여 전체 너비 차지
• none: 요소가 보이지 않음
inline 특성:
• 한 줄에 다른 요소들과 나란히 배치
• 새 줄에서 시작하지 않음
• 텍스트 흐름을 방해하지 않음
block 특성:
• width, height 속성 적용 가능
• padding, margin 모든 방향 적용 가능
• 크기 제어 완전히 가능
다른 선택지들의 한계:
• inline: width, height 무시됨
• block: 새 줄에서 시작하여 전체 너비 차지
• none: 요소가 보이지 않음
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.