HTML 超出页面显示字体用省略号：使用 text-overflow 属性

可以使用 CSS 的 'text-overflow' 属性来实现超出页面显示的字体用省略号。具体步骤如下：

1. 设置元素的宽度和 'overflow' 属性。例如：

div {
  width: 200px;
  overflow: hidden;
}

2. 设置 'text-overflow' 属性为 'ellipsis'。例如：

div {
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

这样，如果元素中的文本超出了宽度，就会自动显示省略号。注意，这个属性只对单行文本起作用，如果需要多行文本的省略号，需要使用其他技巧。