作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
将 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>
有人可以帮助找到修复或解决方法吗?
最佳答案
您需要指定要使用的 div。您不能像以前那样使用所有 div。
$(function () {
$('#inner').dotdotdot();
});
请注意,您还可以使用 Ellipsis CSS 属性来避免溢出(但您不能自动添加文本,如“阅读更多”或 dotdotdot 提供的其他内容):http://www.w3schools.com/cssref/css3_pr_text-overflow.asp
关于jQuery dotdotdot 不适用于 calc,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20180353/
我是一名优秀的程序员,十分优秀!