我发现这个代码可以进行多行省略,
首先,我只为它现在正在工作的一个div添加了这个代码,但这对于很多div来说都不行
function ellipsizeTextBox(id) {
var el = document.getElementById(id);
var wordArray = el.innerHTML.split(' ');
while (el.scrollHeight > el.offsetHeight) {
wordArray.pop();
el.innerHTML = wordArray.join(' ') + '...';
}
}
ellipsizeTextBox('overflowedDiv');.overflowedDiv {
height: 60px;
width: 400px;
display: inline-block;
vertical-align: top
}<div id="overflowedDiv">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute …