html设计超出页面显示字体用省略号

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

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

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

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

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

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