css多行文本溢出时出现省略号的示例

.box {
    overflow: hidden; / 溢出时不显示溢出的内容 /
    text-overflow: ellipsis; / 发生溢出时使用省略号代替 /
    display: -webkit-box; / chrome浏览器的私有属性。显示为box。 /
    -webkit-box-orient: vertical; / 垂直排列元素 /
    -webkit-line-clamp: 2; / 显示多少行 /
}

<script src="https://cdn.jsdelivr./npm/ellipsis.js@0.1.3/ellipsis.js"></script>

var ell = Ellipsis({
    lines: 3
})
var ele = document.getElementsByClassName('test')
ell.add(ele)

{
    ellipsis: '...', // 默认显示的替代文本
    debounce: 0, // 延迟多长时间后执行
    responsive: true, // 是否有窗口大小改变时执行
    className: '.clamp', // 默认操作具有这个类的元素。
    lines: 2, // 默认只出现2行元素。
    portrait: null, // 默认不改变，如果你想要在竖屏模式下有不同的行数，
    break_word: true // 默认截断单词。
}