jquery - jQuery dotdot 不适用于 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>

这是小提琴。

有人可以帮助找到修复或解决方法吗？

Answer 1

DEMO

您需要指定要使用的 div。您不能像以前那样使用所有 div。

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

请注意，您还可以使用 Ellipsis CSS 属性来避免溢出（但您不能自动添加诸如“阅读更多”之类的文本或 dotdotdot 提供的其他内容）：http ://www.w3schools.com/cssref/css3_pr_text-overflow .asp