JNarin Development Story

어느 블로그를 가다 보면 간간하게 볼 수 있는 생략의 닷 3개(...) 현재 필자의 블로그 메인 홈페이지를 보시면 볼 수 있는 저 점 세 개가 CSS의 단 2줄로 코드를 작성할 수 있다고 한다. 이전에는 이걸 어떻게 만드는지 몰랐다가, 최근 프로젝트에서 쓰이게 되어서 적용도 해보고 다시 개인 프로젝트에 작업을 해보고 있다. 먼저 간략하게 ellipsis의 뜻이 무엇인지 찾아보았다. ellipsis는 생략이라는 뜻을 가지고 있다. 이렇게 검색해보니 검색 방법을 알게 되는 것 같다. 그럼 바로 프로젝트에 한번 적용해보려고 한다. 네모로 감싼 것의 태그로 감싼 것이며, 일정 공간을 넘어서면 자동으로 줄 바꿈이 되는 것을 볼 수 있다. 먼저, 저 줄 바꿈을 없애준다. p{ white-space: nowrap; ..