[BFE.dev] 텍스트 여러 줄로 줄이기

텍스트 여러 줄로 줄이기

텍스트 최대 3줄로 줄이기

1. 텍스트 - 1줄

2. 텍스트 - 2줄
   

3. 텍스트 - 3줄
   

4. 텍스트 - 3줄 이상
   

정답

.max-three-lines {
  /* your code here */
  overflow: hidden;
  text-overflow: ellipsis;
   display: -webkit-box; /* 해당 영역을 box 형태로 관리되도록 합니다. */
  -webkit-line-clamp: 3; /* 영역 내의 컨텐츠의 최대 라인수를 결정합니다. (세로축을 기준으로 줄 단위를 관리)*/
  -webkit-box-orient: vertical; /* 박스의 내의 정렬을 수직으로 합니다. */
}