처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / 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로 단 사이 구분선을 설정할 수 있어, 신문이나 잡지 스타일의 레이아웃을 쉽게 구현합니다.

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

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

정규반 살펴보기