Jiseong's Web Dev blog

😀 Intro디자인 요구사항을 모두 만족하면서 구현하기가 생각보다 까다로웠다.3분이면 될줄 알았지만 며칠동안.. 구현했다.ㅠㅠ🎨 디자인 요구사항3줄이 넘어가면 말줄임 처리더보기 버튼이 오른쪽 아래에 위치요구사항도 정말 간단하다.😆 3줄 이상일 경우 말줄임 처리 {comment} 끝. ㅋㅋtailwind를 사용하기 때문에 line-clamp-3 클래스로 간단하게 구현가능하다.css를 자세히 들여다보면 아래와 같다..line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}🔍 3줄이 넘어가는지 어떻게 판단할까?3줄이 넘어가는 경우만 더..