css로 글자 감추기

스마트폰 같은 작은 화면에서는 글자가 잘려 보이거나 감춰져서 보여지는 경우가 많이 있습니다 이런 부분도 css기능을 활용해 충분히 할수 있는데요

여기서 말하는 글자 감추기란 아래와 같은 형태라고 볼수 있습니다

지정한 영역을 텍스트가 넘어갔을때 점으로 감춰지는 기능인에요 

어떻게 설정하면 되는지 한번 보도록 하겠습니다.

ellipsis{white-space: nowrap;

            overflow:hidden;

            text-overflow:ellipsis;

}

위와 같은 css기능을 활용햐 위와 같이 글자 감추기를 할수 있습니다.