jQuery dotdotdot가 calc로 작업하지 않습니다

Question

div를 포함하는 div에 대해 calc을 적용하면 jQuery dotdotdot 플러그인이 작동하지 않습니다.

html { 
    font-size: 62.5%; 
} 
div#outer { 
    width: calc(100% - 1px); 
} 
div#inner { 
    width: 200px; 
    height: 100px; 
    font-size: 4rem; 
} 

<div id="outer"> 
    <div id="inner">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec tortor consequat, facilisis arcu iaculis, congue orci. Duis in dui augue. Nullam ultricies arcu ante, vitae iaculis ipsum hendrerit eu.</div> 
</div> 

Here's the fiddle.

는 누군가가 수정 또는 해결 방법을 찾는 데 도움이 수 있습니까?

Answer 1

DEMO

당신이 사용하는 사업부를 지정해야합니다. 당신처럼 당신은 모든 div를 사용할 수 없습니다. 당신은 또한 줄임표 CSS 속성을 사용할 수 있습니다

$(function() { 
    $('#inner').dotdotdot(); 
}); 

참고 오버 플로우를 방지하기 위해 (하지만 당신은 텍스트 이벤트를 dotdotdot 다른 들으면 "더 읽기"나처럼 자동으로 추가 할 수 없습니다) : http://www.w3schools.com/cssref/css3_pr_text-overflow.asp

을