text-overflow 속성으로 긴 문자열 자르기

text-overflow 속성으로 긴 문자열을 자르고 말 줄임표를 붙일 수 있습니다.

이를 설정하는 방법은 다음과 같습니다.

overflow: hidden; 1
white-space: nowrap; 2
text-overflow: ellipsis; 3

1내용이 정해진 영역으로 벗어나지 않도록 합니다.

2문자열이 줄 바꿈되지 않도록 합니다.

3문자열을 자르고 말 줄임표를 붙입니다.