如何截断文本区域中的多行？

<style>
  .text-container {
    width: 200px; /* 设置文本容器的宽度 */
    white-space: nowrap; /* 不允许文本换行 */
    overflow: hidden; /* 溢出的文本隐藏 */
    text-overflow: ellipsis; /* 使用省略号代替溢出的文本 */
  }
</style>

<div class="text-container">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod.
</div>

<style>
  .text-container {
    width: 200px; /* 设置文本容器的宽度 */
    max-height: 60px; /* 设置文本容器的最大高度 */
    overflow: hidden; /* 溢出的文本隐藏 */
  }
</style>

<div class="text-container" id="textContainer">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod.
</div>

<script>
  var textContainer = document.getElementById("textContainer");
  var lineHeight = parseInt(window.getComputedStyle(textContainer).lineHeight);
  var maxLines = Math.floor(textContainer.clientHeight / lineHeight);
  textContainer.style.maxHeight = (lineHeight * maxLines) + "px";
</script>