多行文本超出显示省略号效果怎么用js实现

要使用JavaScript实现多行文本超出显示省略号的效果，可以通过计算文本内容的高度来判断是否超出指定行数，并截取文本内容进行省略处理。

下面是一个使用JavaScript实现多行文本省略的示例代码：

function truncateText(element, lines) {
  const lineHeight = parseInt(window.getComputedStyle(element).lineHeight);
  const maxHeight = lines * lineHeight;

  while (element.offsetHeight > maxHeight) {
    element.textContent = element.textContent.replace(/\W*\s(\S)*$/, '...');
  }
}

// 使用示例
const container = document.querySelector('.container');
truncateText(container, 3);

上述代码中，`truncateText`函数接受两个参数：`element`表示文本容器元素，`lines`表示要显示的行数。首先，通过`window.getComputedStyle(element).lineHeight`获取文本行高，然后计算出最大高度`maxHeight`。接下来，使用一个循环判断容器元素的实际高度是否超过最大高度，如果超过则将文本内容进行逐步截取，直到高度符合要求为止。

请注意，这只是一个简单的示例，如果需要处理更复杂的情况（如处理含有html标签的文本），可能需要更复杂的算法或使用现有的库来实现。