text-overflow는 white-space가 nowrap, overflow가 hidden인 상황에서 쓸 수 있다.
text-overflow: clip는 콘텐츠가 경계선을 넘으면 잘라서 보여준다.
text-overflow: ellipsis는 콘텐츠가 경계선을 넘으면 "..."으로 처리한다.
text-overflow - CSS: Cascading Style Sheets | MDN
The text-overflow CSS property sets how hidden overflow content is signaled to users. It can be clipped, display an ellipsis ('…'), or display a custom string.
developer.mozilla.org
'CSS' 카테고리의 다른 글
| overflow (1) | 2024.03.07 |
|---|---|
| white-space (0) | 2024.03.07 |
| Object-fit (1) | 2024.03.07 |
| Styled-Components: 조건부 스타일링 (0) | 2024.03.07 |
| flex: 1 (0) | 2024.03.07 |
