[+37]text overflow

여기 후기 카드에서 후기 내용이 길고 2줄이 넘어가면 ... 처리를 하고 싶었다.

그래서 사용하게 된 text overflow
text overflow에는 ellipsis(줄임표)값이 있다.

1.첫 번째 줄이 한계. 그 이상의 글이 있으면 줄임표 처리

      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;

결과

2. 3줄까지는 나오고 3줄이 넘으면 ... 처리

.className {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

browser support