CSS word-break와 overflow-wrap(word-wrap)의 차이점으로 올바른 것은?

보통 MDN Web Docs

보기 및 정답

A writing-mode를 vertical-rl로 변경하면 텍스트의 흐름 방향만 바뀌고 블록과 인라인 방향은 그대로 유지된다

B word-break는 단어 중간에서 줄바꿈을 허용하고, overflow-wrap은 단어가 컨테이너를 넘칠 때만 줄바꿈한다

C float 속성이 적용된 요소의 display 값은 자동으로 inline으로 변경되어 너비와 높이 지정이 불가능해진다

D overflow: hidden은 요소의 자식이 경계 밖으로 완전히 사라지며 JavaScript로도 스크롤 위치를 변경할 수 없다

word-break: break-all은 어떤 위치에서든 줄바꿈을 허용하여 단어를 쪼갭니다. overflow-wrap: break-word는 단어가 컨테이너를 넘칠 때만 단어 내부에서 줄바꿈합니다. overflow-wrap이 더 자연스러운 줄바꿈을 제공합니다.

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

로그인