[보드픽] CSS 텍스트 여러줄 수 제한 (webkit-line-clamp)

해당 이미지와 같이 보드게임 이름 아래 설명은 최대 2줄이 될 수 있도록 구현해야했다.

• 최대 2줄
• 넘치는 내용은 말줄임표

 p {
     display: -webkit-box; //또는 -webkit-inline-bo
     -webkit-line-clamp: 2; //글의 최대 라인수
     -webkit-box-orient: vertical; 	 
     overflow: hidden;
    }

webkit-line-clamp는

• 말줄임표는 자동으로 설정된다!
• 넘친 콘텐츠는 숨겨지지 않으므로 overflow:hidden를 꼭 설정 해줘야한다!!

https://developer.mozilla.org/ko/docs/Web/CSS/-webkit-line-clamp