텍스트가 너무 길때는 말줄임표로 표시하기(멀티라인 말줄임 포함)

[SeonHyungJo]

<p class="ellipsis-text">If I exceed one line's width, I will be truncated.</p>

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

그렇다면 우리가 많이들 생각하는 멀티라인 말줄임은 어떻게 해야할까?

.ellipsis-text {
  display: -webkit-box;
  overflow : hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 50px;
}

[SeonHyungJo]

두 줄이상일 경우 말줄임표 사용하는 방법 추가하기