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

在前端开发中，可以通过CSS样式来控制文章的显示行数。以下是一种常见的实现方式：

使用CSS的line-clamp属性：这是一个CSS属性，可以控制文本的行数。将该属性应用于文章所在的容器元素上，可以限制文章的显示行数。例如，要显示2行文章，可以将line-clamp设置为2。但需要注意的是，该属性在某些浏览器中可能不被支持。

示例代码：

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

使用JavaScript进行计算和截断：如果line-clamp属性不被支持，可以通过JavaScript来实现。首先，获取文章所在容器的高度和行高，然后根据需要显示的行数计算出应该截断的高度。接着，使用字符串截断函数（如substring）将文章内容截断，并添加省略号。

示例代码：

<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>

以上是两种常见的方法，可以根据具体需求选择适合的方式来实现在一页中显示2行或3行的文章。