나는야 개발자/CSS
-
[CSS/SCSS] 항상 까먹는 Text 말줄임표(...) 적용하기 !!!나는야 개발자/CSS 2022. 12. 7. 10:28
안녕하세요~ 오늘 다룰 주제는 !! 'Card' 또는 '게시판 내용 미리보기' 등을 만들때 필요한 " 말 줄 임 표 (...) " 를 적용시켜보려고 합니다. 바로 렛추고( Let's go ) 해볼까용 ? 😁 말줄임표를 적용하는 방법에는 크게 2가지가 있습니다. 1. 1줄로만 보여지는 경우 2. 2줄 이상으로 보여지는 경우 각각의 경우 CSS가 어떻게 적용되고, 차이점이 무엇인지 한 번 알아보겠습니다. 1. 1줄로만 보여지는 경우 .box{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } css를 위와같이 적용시킵니다. Lorem Ipsum is simply dummy text of the printing and typesetting i..