CSS - 문제 미리보기
문제 1272
easy
`display: inline-block`의 주요 특징으로 올바른 것은?
정답: B
inline-block의 핵심 특성:
인라인 특성 (inline의 장점):
• 다른 요소들과 같은 줄에 나란히 배치
• 새로운 줄로 넘어가지 않음
• 텍스트 흐름을 방해하지 않음
블록 특성 (block의 장점):
• width와 height 속성 적용 가능
• padding, margin 모든 방향 적용 가능
• 박스 모델의 모든 속성 사용 가능
실무 활용 사례:
• 버튼 그룹: 여러 버튼을 가로로 나열
• 내비게이션 메뉴: 메뉴 항목들의 가로 정렬
• 카드 레이아웃: 작은 카드들을 가로로 배치
• 인라인 폼 요소: 입력 필드와 버튼을 한 줄에
다른 display 값과의 차이:
• inline: width/height 적용 불가
• block: 새로운 줄에서 시작 (가로 나열 불가)
• inline-block: 두 장점을 모두 가짐
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.