처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / CSS / 문제

CSS text-wrap: balance 속성의 역할은 무엇인가요?

보통 MDN Web Docs
보기 및 정답
A 여러 줄에 걸친 텍스트의 줄 길이를 최대한 균등하게 맞춘다
B line-height 단위 없는 값은 px로 변환된다
C em은 항상 루트 요소의 글꼴 크기 기준으로 계산된다
D vertical-align은 블록 요소의 수직 정렬에 사용된다

해설

text-wrap: balance는 브라우저가 줄 바꿈 위치를 조정하여 각 줄의 길이가 최대한 균등해지도록 합니다. 주로 제목이나 짧은 텍스트에서 마지막 줄에 한두 단어만 남는 '외톨이 줄' 현상을 방지하여 시각적 균형을 개선합니다.

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

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

정규반 살펴보기