퀴즈 / CSS / 문제

CSS columns 속성을 사용한 다단 레이아웃(Multi-column Layout)의 특징은?

보통 MDN Web Docs
보기 및 정답
A CSS 레이아웃에서 블록 요소는 기본적으로 인라인 방향으로 배치된다
B 콘텐츠를 신문처럼 여러 단(column)으로 자동 분할하여 배치한다
C calc() 함수 내부에서 서로 다른 단위를 혼합하여 사용할 수 없다
D float 요소는 부모의 높이에 항상 포함되어 별도의 해제가 필요 없다

해설

CSS Multi-column Layout은 columns, column-count, column-width 등의 속성으로 콘텐츠를 여러 단으로 나눕니다. column-gap으로 단 간격을, column-rule로 단 사이 구분선을 설정할 수 있어, 신문이나 잡지 스타일의 레이아웃을 쉽게 구현합니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기

관련 문제

CSS :where() 선택자가 :is() 선택자와 다른 점은?
CSS
CSS :placeholder-shown 의사 클래스와 ::placeholder 의사 요소의 차이점으로 올바른 것은?
CSS
CSS 선택자 우선순위(Specificity)가 높은 순서로 올바르게 나열한 것은?
CSS
CSS tab-size 속성은 어떤 상황에서 사용하나요?
CSS
CSS word-break와 overflow-wrap(word-wrap)의 차이점으로 올바른 것은?
CSS
START THE LOOP · CHOOSE

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.

한 번의 결과에 기대지 않고 다시 만들 수 있도록, 문제 발견부터 제작·배포·수익화까지 이어지는 전체 흐름을 익혀보세요.

TTJ CLASS에서 다음 구조 고르기 →
처리 중...