CSS 말줄임

👉 1줄 말줄임

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

줄바꿈 안함

white-space: nowrap;

넘치는 글 숨기기

overflow: hidden;

넘칠 때 ... 으로 표시

text-overflow: ellipsis;

👉 2줄 말줄임

display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

2줄까지 표시

-webkit-line-clamp: 2;

• 기재하는 숫자에 따라 줄의 수를 표시한다.
• 3이면 3줄, 5는 5줄까지 보여진다.