CSS text-wrap: balance 속성의 효과로 올바른 것은?

Q: CSS text-wrap: balance 속성의 효과로 올바른 것은?

텍스트의 각 줄 길이를 균등하게 맞추어 시각적으로 균형 잡힌 레이아웃을 만든다 text-wrap: balance는 여러 줄로 나뉘는 텍스트에서 각 줄의 길이를 가능한 비슷하게 조정합니다. 제목이나 헤드라인에서 마지막 줄이 한두 단어만 남는 '외톨이 줄(widow)' 문제를 해결하여 시각적으로 깔끔한 텍스트 블록을 만듭니다.

보통 MDN Web Docs

보기 및 정답

A 텍스트의 각 줄 길이를 균등하게 맞추어 시각적으로 균형 잡힌 레이아웃을 만든다

B line-height에 단위 없는 값을 사용하면 px로 자동 변환되어 적용된다

C text-indent 속성은 모든 줄에 동일하게 들여쓰기를 적용하는 속성이다

D white-space: nowrap은 텍스트의 모든 공백 문자를 완전히 제거한다

해설

text-wrap: balance는 여러 줄로 나뉘는 텍스트에서 각 줄의 길이를 가능한 비슷하게 조정합니다. 제목이나 헤드라인에서 마지막 줄이 한두 단어만 남는 '외톨이 줄(widow)' 문제를 해결하여 시각적으로 깔끔한 텍스트 블록을 만듭니다.

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

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

정규반 살펴보기

로그인

추가 정보 입력

회원가입

비밀번호 찾기

CSS text-wrap: balance 속성의 효과로 올바른 것은?

해설

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

관련 문제

모두를 위한 진짜 쎈 바이브코딩