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