第一步，我们需要打开或者新建一个html的页面。

然后我们在html文件中找到一个包含文字的标签。(文字尽量少一些)

这是一个h1标签，标签默认的是我们的文字输入超过一定长度之后就会自动的换行。换行之后会很难看

我们使用text-overflow属性将文字限制在一行内，文字超出一行时，后面的文字以生省略号的形式出现。

以省略号的形式出现的是应用text-overflow:ellipsis属性。应用这个属性之前，我们需要为标签添加一些其他的样式。

首先，我们需要为这个标签设置一定的宽度，然后将overflow设为hidden。

设了这些之后，我们还需要将标签设为文字不换行，这个通过white-space:nowrap属性来实现。

这些代码都写好之后，我们再次到浏览器中刷新一下页面，可以看到文字在一行内显示，并且行尾出现省略号。

小渔亲身经历，欢迎大家点评。