반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- over()
- spring security 설정
- 입출력
- 멀티태스킹
- 혼공얄코
- break 사용법
- hackerrank
- CPU
- 프로그래머스
- spring security
- 오버라이딩
- 자바의 정석
- SQL Mapper
- java
- 오버로딩
- 자바의정석
- 붕대 감기 자바
- 중첩 break
- 프로그래머스 붕대 감기
- 오블완
- 리눅스
- 다형성
- 쿠키
- 티스토리챌린지
- 멀티프로세싱
- 붕대 감기
- continue 사용법
- 캡슐화
- contiune
- 객체지향
Archives
- Today
- Total
목록ellipsis 속성 (1)
쉽게 쉽게
[HTML/CSS] 글자수 넘어가면 말줄임표
▤ 목차1. CSS로 구현1. css로 구현 text-overflow을 사용하기 위한 조건text-overflow 속성은 블록 형태인 경우에만 적용된다.width 또는 height가 고정적이어야 한다.overflow: hidden; 을 사용해 영역을 감춰야 한다.아래줄로 내려가는 것을 막기 위해 white-space: nowrap 등이 필요하다. text-overflow 적용을 하려면 가로넓이가 있어야 하기 때문에 width를 적용해 줬다.한 줄일 때 말 줄이기를 하고 싶으면 white-space: nowrap이 적용이 되어야 한다.아래는 nowrap 적용 시 표현되는 예시다.해당 속성이 없으면 자동으로 글자가 다음줄로 넘어가기 때문에 이러한 상황을 방지해야 한다.2줄 이상일 경우 white-space ..
개발공부/HTML
2024. 7. 9. 17:39