[CSS] 라인 수 제한하기 (말줄임표 만드는 방법)

📚 -webkit-line-clamp

.text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

• -webkit-line-clamp에 지정한 수까지만 라인이 표시된다.
• 넘치는 text를 자동으로 숨겨주진 않기 때문에 overflow를 hidden으로 설정해야 한다.