퀴즈 / CSS / 문제

CSS text-overflow: ellipsis를 올바르게 적용하려면 함께 필요한 속성은?

쉬움 MDN Web Docs
보기 및 정답
A overflow: hidden과 white-space: nowrap
B display: flex와 flex-wrap: wrap
C position: absolute와 z-index: 1
D font-size: 0과 visibility: hidden을 함께 사용한다

해설

text-overflow: ellipsis는 넘치는 텍스트를 '...'으로 표시합니다. 하지만 단독으로는 작동하지 않으며, overflow: hidden으로 넘치는 텍스트를 숨기고, white-space: nowrap으로 텍스트가 한 줄로 유지되어야 합니다.

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

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

정규반 살펴보기
START THE LOOP · CHOOSE

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

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

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