css p超过2行省略

CSS中的p标签是用来定义段落的，但有时候我们希望在页面上展示的内容仅显示指定行数，超出行数的部分用省略号代替。这时候就可以使用CSS的text-overflow属性来实现。 具体来说，我们可以给p标签设定一个固定的高度，同时将overflow属性设置为hidden，这样就能让多出来的文本隐藏起来。接着，我们再给p标签设置text-overflow属性为ellipsis，这样就能让多出来的文本用省略号来代替了。 下面是一段示例代码，以便更好地理解实现过程：

  
    p {
      height: 40px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: Nowrap; /* 这个属性是为了避免折行影响效果 */
    }
  

上述代码中，我们将p标签的高度设置为40像素，这意味着只有两行文本会被显示。当超出两行时，overflow: hidden属性将自动隐藏多出来的文本。同时，由于我们给p标签设置了text-overflow: ellipsis属性，多出来的文本会被省略掉，并显示省略号。 最后，我们还需要注意white-space: Nowrap属性，以避免折行对效果造成影响。 总的来说，CSS中的text-overflow属性可以很好地帮助我们实现多行文本的省略效果，使页面显示更为美观和规整。