text-overflow:ellipsis

display: block; width: 120px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;

white-space:nowrap; 

넓이를 지정하였더라도 자동으로 줄바꿈되지 않게 강제로 개행을 막아줌.

 

word-break:break-all;

문장을 띄어쓰기 할때 쓰인 공백기준이 아닌 문자단위로 끊어주는 속성

 

text-overflow:ellipsis;

텍스트가 넘칠때, 말줄임표( ... )가 나오게 하는 속성,
적용조건 white-space:nowrap;

[출처] white-space:nowrap;, word-break:break-all;, text-overflow:ellipsis;|작성자 달콤쌉쌀

긴 글자 생략하기

Semina....

이런식으로 나오게..