티스토리 뷰
See the Pen [CSS] text-overflow by mill (@millfeel) on CodePen.
- 숨겨진 오버플로우 콘텐츠가 사용자에게 어떻게 보여질 방식을 설정한다.
- 잘라내거나 줄임표 ('…')를 표시하거나 사용자 지정 문자열을 표시 할 수 있다.
- 단, text-overflow 속성은 overflow가 발생하도록 강제하지 않기 때문에 텍스트가 컨테이너를 넘치게하려면 overflow와 white-space를 설정해야한다.
[공부 좌표]
https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow
'이론 > CSS' 카테고리의 다른 글
| [CSS] table-layout (0) | 2021.07.07 |
|---|---|
| [CSS] word-break / overflow-wrap(=word-wrap) (0) | 2021.07.07 |
| [CSS] white-space (0) | 2021.07.07 |
| [CSS] overflow (0) | 2021.07.03 |
| [CSS] pointer-event (0) | 2021.06.26 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 점 표기법
- scrollHeight
- offsetTop
- 불일치 연산자
- prototype 프로퍼티
- __proto__
- property
- scrollTop
- 일치 연산자
- 부등 연산자
- 동등 연산자
- offsetHeight
- javascript class
- 동치 연산자
- innerHeight
- [[Prototype]]
- 프로퍼티
- clientHeight
- outerHeight
- clinetTop
- @font-face
- 링크막기 #a링크막기
- 대괄포 표기법
- 객체의 프로퍼티
- constructor
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 |
글 보관함