[CSS] 텍스트 박스 너비를 초과한 텍스트를 ...으로 처리하는 CSS 코드

기본

  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;

 

특정 줄 수 이상만 ...으로 표시

  display: -webkit-box;
  -webkit-line-clamp: 3; // 3줄 이상이면 ellipsis 적용
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow-wrap: break-word;