목록여러줄말줄임표 (1)
Hell路 World 삐약-
728x90
[CSS] text ellipsis 한 줄, 여러 줄 말줄임표 한글 줄바꿈 word break
프론트엔드 작업할때 종종 쓰는 줄바꿈. 보통은 통일된 디자인을 위해 한줄 줄바꿈을 많이 쓰지만 가끔 여러줄 줄바꿈을 쓰는 경우도 있다. 그럴때 복붙해서 사용하려고 나를 위해 정리하는 글...ㅋㅋㅋㅋㅋㅋㅋ 한 줄 줄바꿈 .text-ellipsis{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } 여러 줄 줄바꿈 /* 3줄 줄바꿈 */ .text-ellipsis--3{ text-overflow:ellipsis; overflow:hidden; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal; } 예시는..
css
2023. 1. 30.
728x90