一个高度固定的div里面有好几个p标签 当p标签过多超出div的高度时 让最后一个p标签显示为省略号 超出div的不显示

可以通过设置 `overflow: hidden` 和 `text-overflow: ellipsis` 来实现最后一个p标签显示为省略号。具体步骤如下：

1. 设置 div 的高度和 overflow 属性，使其只显示固定高度内的内容，超出部分隐藏。

div {
  height: 100px; /* 设置div的高度 */
  overflow: hidden; /* 超出部分隐藏 */
}

2. 取消 p 标签的 margin 和 padding，避免影响布局。

p {
  margin: 0;
  padding: 0;
}

3. 设置所有 p 标签的高度，并且让最后一个 p 标签高度为 0。

p {
  height: 30px; /* 设置所有p标签的高度 */
}

p:last-child {
  height: 0; /* 让最后一个p标签高度为0 */
}

4. 使用 text-overflow 和 white-space 属性来实现最后一个 p 标签的省略号效果。

p:last-child {
  white-space: nowrap; /* 禁止文本换行 */
  text-overflow: ellipsis; /* 超出部分显示省略号 */
  overflow: hidden; /* 超出部分隐藏 */
}

完整的CSS代码如下：

div {
  height: 100px;
  overflow: hidden;
}

p {
  margin: 0;
  padding: 0;
  height: 30px;
}

p:last-child {
  height: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}