반응형
정보를 다 보여주기 애매할때 어떻게 처리할지 고민하다가
"..." 처리하는것을 발견했다.
text-overflow: ellipsis;
1)안녕하세요. ㅇㅇㅇ 입니다. (적용전)
2)안녕하세요 ㅇㅇ...(적용후)
적용하면 좋은 케이스
불러오는 데이터의 양이 많을때
모바일에서 다 보여주기 힘들때
반응형
'Html Css' 카테고리의 다른 글
[CSS] white-space 에 대해서 (0) | 2023.03.10 |
---|---|
[CSS] px | % | em | rem 의 차이점은? (0) | 2023.02.24 |
html에 js파일을 연결하는 4가지 방법 (0) | 2022.10.24 |
겹친 영역 뒤에 있는 영역 click 이벤트 반응하게 하기 (0) | 2022.10.19 |