div의 내용을 래핑하고 끝에 ... 추가하는 방법

Question

콘텐츠를 표시하는 div가 있습니다. 내 요구 사항은 10자를 초과하면 표시해야합니다.

10 characters + '...' 

저는 PHP뿐만 아니라 jQuery도 사용할 수 있습니다.

Answer 1

텍스트 만 표시하도록 제한하고 특히 글꼴 설정에 따라 텍스트 너비를 계산해야하므로 10 자까지 까다로울 수 있습니다.

em과 같은 장치를 사용하면 걱정할 필요가 없으며 표시된 텍스트는 원하는 너비와 거의 같습니다.

이의 편집 가능한 예제가있다 :이 사이트의 예를 바탕으로

http://jsfiddle.net/flaviocysne/88nLY/2/

:

http://www.quirksmode.org/css/textoverflow.html

http://davidwalsh.name/css-ellipsis