css定义最多显示两行

CSS（Cascading Style Sheets）是一种定义网页外观样式的语言，可以让网页更加美观和易读。本文将介绍CSS中定义最多显示两行的方法。 在CSS中，我们可以使用max-height属性来控制元素的最大高度。当元素内容超出这个高度时，剩余部分将被截断并显示省略号。我们可以将这个属性设置在p标签中，如下所示：

p {
  max-height: 2.8em;   /* 加入2行文字高度 */
  overflow: hidden;
  text-overflow: ellipsis;  /* 显示省略号 */
  white-space: Nowrap;
}

在这段代码中，我们将p标签的最大高度设置为2.8em，同时使用overflow属性让超出这个高度的内容被隐藏起来。然后，我们使用text-overflow属性让省略号显示在被隐藏的内容末尾。最后，我们使用white-space属性让文字不换行，确保只显示两行。 需要注意的是，这个方法只适用于单行文字高度固定的情况，如果文字高度不固定，那么这个方法可能会显示不完整，甚至出现内容遮挡的情况。此时，我们可以考虑使用JavaScript来动态计算文字高度，并设置p标签的最大高度。 总之，max-height属性+text-overflow属性+white-space属性是CSS中定义最多显示两行的方法。通过这个方法，我们可以让网页更加美观和易读。