-webkit-line-clamp 속성
- 블록 컨테이너의 텍스트콘텐츠를 지정한 줄 수만큼으로 제한할 수 있는 속성
주의사항
display: -webkit-inline-box;
-webkit-box-orient: vertical;
또는
display: -webkit-inline;
-webkit-box-orient: vertial;
위 속성과 함께 overflow: hidden
, text-overflow: ellipsis
을 사용하면 영역을 넘어간 text는 말줄임표(...
)와 함께 감춰줌