如何在一页中显示2行或3行的文章？

.article {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 显示2行文章 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

<div class="article" id="article">
  <!-- 文章内容 -->
</div>

<script>
  var article = document.getElementById("article");
  var lineHeight = parseInt(window.getComputedStyle(article).lineHeight);
  var maxHeight = lineHeight * 2; // 显示2行文章
  var content = article.innerHTML;

  if (article.offsetHeight > maxHeight) {
    var truncatedHeight = 0;
    var truncatedContent = "";

    for (var i = 0; i < content.length; i++) {
      truncatedContent += content[i];
      truncatedHeight += lineHeight;

      if (truncatedHeight >= maxHeight) {
        truncatedContent += "...";
        break;
      }
    }

    article.innerHTML = truncatedContent;
  }
</script>