타이틀 제목 특정 width 넘으면 ... 으로 표시

php나 js로 글자를 자르다 보면 한글과 영문 숫자의 넓이 단위가 틀리고 바이트단위로 자르기 때문에

일괄 이쁘게 잘리지가 않는다. 

하여 div로 자르는 방법을 메모한다.

<div style="width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;">  

한글이겁나긴데이걸어뜨케할까요?ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ  

</div>

해당 width를 넘어갈것 같으면 글자를 잘라서 보여주고 그 이후에 ... 으로 표시한다.