HTML P 标签单行显示，超出部分省略号 - 超详细教程

要实现这个效果，可以使用 CSS 的 'text-overflow' 属性和 'ellipsis' 值。

首先，在 HTML 中添加一个 '

' 标签，并给它一个固定宽度：

<p class='truncate'>这是一段很长的文本，超出一行后将显示省略号。</p>

接下来，在 CSS 中添加以下样式：

.truncate {
  white-space: nowrap; /* 不换行 */
  overflow: hidden; /* 超出部分隐藏 */
  text-overflow: ellipsis; /* 使用省略号显示 */
}

这样，当文本超出一行时，就会显示省略号。

你也可以为 '

' 标签设置其他样式，如字体大小、行高等，以满足你的需求。