Dev Lemmy
[CSS] 문장 길어질 때 ...으로 생략하기 본문
- white-space: nowrap; : 줄바꿈을 하지 마라! (한 줄로만 써라)
- overflow: hidden; : 박스 밖으로 나가는 건 숨겨라!
- text-overflow: ellipsis; : 잘리는 부분은 ...으로 표시해라!
위 세가지 속성을 넣어주면 된다. 그냥 공식 수준 3개 세트로 사용
'HTML , CSS' 카테고리의 다른 글
| [CSS] 검색창(input)에 롤링하기 (0) | 2026.02.19 |
|---|---|
| [HTML/CSS] 티스토리 블로그 목록과 비슷한 레이아웃 만들어보기 (0) | 2024.06.20 |
| [HTML/CSS] 가로로 배치하는 float 말고 다른 방법 (inline-block) (0) | 2024.06.20 |
| [HTML/CSS] 레이아웃(Layout) 만들기 - 호환성 좋은 float (0) | 2024.06.20 |
| [HTML, CSS] 웹 레이아웃의 기초 div를 이용한 박스 디자인 (0) | 2024.06.19 |