css로 말줄임처리하기

웹사이트를 서핑하다보면 아래 사진처럼 글이 긴 부분에 "…" 처리를 한 글들을 볼 수 있다.

이런 말줄임 처리는 css 속성중에 text-overflow:ellipsis를 사용해서  할수있다.

div {
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}

https://jsfiddle.net/jywoo/y47h90pf/3/