1、第一，打开HBuilderX工具，新建页面文件，然后插入一个div标签，并添加足够长的文字
2、第二，添加style标签，利用ID选择器，设置div标签的宽度、高度、字体颜色和背景色
3、第三，保存代码并打开浏览器，可以查看到文字内容超出了范围
4、第四，接着添加text-overflow，值为ellipsis；white-space，值为hidden
5、第五，再次保存代码并刷新浏览器，结果看到文字显示在范围内，部分不显示
6、第六，为了让用户知道还有文字未显示出来，需要添加省略号，加属性white-space:nowrap，多余部分显示省略号
