CSS - 문제 미리보기

문제 1272

easy
`display: inline-block`의 주요 특징으로 올바른 것은?
A. 새로운 줄에서 시작하고 width, height 설정 불가
B. 새로운 줄에서 시작하지 않고 width, height 설정 가능
C. 새로운 줄에서 시작하고 width, height 설정 가능
D. 인라인 요소와 완전히 동일한 동작

정답: B

inline-block의 핵심 특성: 인라인 특성 (inline의 장점): • 다른 요소들과 같은 줄에 나란히 배치 • 새로운 줄로 넘어가지 않음 • 텍스트 흐름을 방해하지 않음 블록 특성 (block의 장점): • width와 height 속성 적용 가능 • padding, margin 모든 방향 적용 가능 • 박스 모델의 모든 속성 사용 가능 실무 활용 사례: • 버튼 그룹: 여러 버튼을 가로로 나열 • 내비게이션 메뉴: 메뉴 항목들의 가로 정렬 • 카드 레이아웃: 작은 카드들을 가로로 배치 • 인라인 폼 요소: 입력 필드와 버튼을 한 줄에 다른 display 값과의 차이: • inline: width/height 적용 불가 • block: 새로운 줄에서 시작 (가로 나열 불가) • inline-block: 두 장점을 모두 가짐

💡 학습 팁

이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.