반응형
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 |
Tags
- java
- 입출력
- 오블완
- 혼공얄코
- 자바의 정석
- 자바의정석
- 멀티프로세싱
- 개인정보 수집 유효기간 자바
- over()
- 쿠키
- CPU
- 객체지향
- SQL Mapper
- 달리기 경주 자바
- spring security 커스텀
- 멀티태스킹
- 바탕화면 정리 자바
- 리눅스
- 캡슐화
- 프로그래머스
- authenticationprovider 설정
- 티스토리챌린지
- 오버라이딩
- 오버로딩
- userdetailsservice 설정
- 다형성
- 로그인 핸들러 구현
- spring security
- hackerrank
- spring security 설정
Archives
- Today
- Total
목록글자수 넘어가면 말줄임표 (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