[CSS] 영역밖을 넘어가는 텍스트 말줄임표 처리하기

한줄일 경우 처리 하단 코드로 처리

.text{
  white-space:nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

 

두줄 이상(문장)으로 처리하려면 하단 코드로 처리

* IE는 지원하지 않으니 height값을 넣어주어야 합니다.

.text{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2
  /* IE는 height값 추가*/
  height:80px
}