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

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

1. 首先，在CSS中设置元素的宽度和高度，以及overflow属性为hidden，表示超出部分隐藏。

2. 然后，设置text-overflow属性为ellipsis，表示超出部分用省略号表示。

3. 最后，设置white-space属性为nowrap，表示文本不换行。

例如，下面的CSS代码可以将超出页面显示的文本用省略号表示：

div {
  width: 200px;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

在HTML中，可以将需要省略号显示的文本放在一个div元素中，如下所示：

<div>这是一段超出页面显示的文本，将会用省略号表示。</div>

当文本超出div元素的宽度时，将会用省略号表示超出部分。