jQuery dotdotdot不适用于calc

Question

将calc应用于包含div的宽度会阻止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。

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

请注意，您还可以使用省略号CSS属性来避免溢出（但不能自动添加一个文本如“更多”或dotdotdot提供了其他东西）：http://www.w3schools.com/cssref/css3_pr_text-overflow.asp