Chrome에서 여러 줄 문자 줄임표 사용

Question

Google 크롬에는 -o-ellipsis-lastline과 같은 것이 있습니까?

저는 Chrome 확장 프로그램을 제작 중이며 CSS를 사용하여 여러 줄 문자를 줄임표로 표시하려고합니다.

Answer 1

W3 spec for text-overflow으로 인해 줄임표 순수 CSS를 만들 수 없습니다.

• http://www.codeitbetter.co.uk/widgets/ellipsis/
• http://jsfiddle.net/danesparza/TF6Rb/1/
• http://jsfiddle.net/MPkSF/
• http://jsfiddle.net/VpmbL/
: 당신은 이미 자바 스크립트를 사용하여 한 크롬 확장 프로그램을 개발하는 경우

는하지만, 그래서 여기에 귀하의 문제를 해결하기 위해 몇 가지 데모 및 플러그인입니다

• https://github.com/pvdspek/jquery.autoellipsis

내 프로젝트에 마지막 플러그인을 사용하고 있습니다.

Answer 2

현재 여러 줄 문자에 줄임표가 없습니다 ... 그러나 간단한 조건을 사용하여 여러 줄에 줄임표 효과를 적용 할 수 있습니다. 여기에 예 ...

이

<div class="class_name"><%=message%></div> 

...이 같은 HTML을 말해봐 그리고 런타임 ... 귀하의 텍스트를 렌더링 div 태그에 배치됩니다에서 텍스트를 렌더링입니다 메시지 템플리트 대신. (100) 및 (80)은 값 : 텍스트는 그것이

주 (80 개 문자의 끝에서)을 생략 효과를 보여줍니다 100 개 이상의 문자 인 경우 그래서 당신이 할 수있는 것은 ...

<% if(message.length < 100) { %> 
    <div class="class_name"><%=message%></div> 
<% } else { %> 
    <div class="class_name"><%=message.slice(0,80)%>...</div> 
<% } %> 

입니다 선택 과목. 관심사에 따라 바꿀 수 있습니다 ...

희망 ...) ...