1

含まれる 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>

これがフィドルです。

誰かが修正または回避策を見つけるのを手伝ってくれますか?

4

1 に答える 1

1

DEMO

使用する div を指定する必要があります。あなたのようにすべてのdivを使用することはできません。

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

省略記号 CSS プロパティを使用してオーバーフローを回避することもできます (ただし、「もっと読む」などのテキストや dotdotdot が提供するその他のものを自動的に追加することはできません): http://www.w3schools.com/cssref/css3_pr_text-overflow .asp

于 2013-11-24T20:14:24.160 に答える