말줄임 표시 ( text ... )

1줄 말줄임

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

2줄이상 말줄임

.text {
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; // 줄의 개수
  -webkit-box-orient: vertical;
}