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
- CSS
- API token
- SCSS
- typescript react
- ngrok실행
- createGlobalStyle
- dart 변수
- Git
- styled components
- 컨디셔널 렌더링
- nextjs
- github io
- npm styled-reset
- There isn’t anything to compare
- icon
- react typescript
- nextjs 설치
- next.js css
- git lab
- fetch
- getModifierState
- API 토큰
- github
- nextjs .env
- input type=file
- ngrok설치
- react env
- react
- rewrites
- bootstrap
Archives
- Today
- Total
꾸준히 성장하는 개발자
[css] 글 넘칠때 말줄임 ... 본문
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; // 글이 넓이를 넘어가면 생략된다
white-space: nowrap; // 글이 줄바꿈을 하지 않고 한줄로 보기위한것
text-overflow: ellipsis; // 말줄임 ...을 표시해준다
ellipsis 는 display: block; 일때만 사용이 가능!
'CSS' 카테고리의 다른 글
[tailwind css] 스크롤 안보이게 하기 / 2가지 방법 (0) | 2023.10.13 |
---|---|
[tailwind css] 자식 요소에 class 추가해주기 (0) | 2023.10.13 |
[CSS] 웹폰트 최적화 - 서브셋폰트/woff (0) | 2022.07.26 |
[CSS] 스크롤바 없애면서 스크롤 동작 하게 만들기 (0) | 2022.05.08 |
CSS - transition (0) | 2022.01.27 |