通常的做法是这样的:
1.新建一个html页面;
2.在html代码页面找到body标签,在body标签里创建一个p标签,然后输入显示的内容并添加一个class类为class=cont;
3.找到title标签,在这个标签下面创建一个style标签,在style标签里设置class为cont的样式内容超出后为隐藏;
4.保存好代码,使用浏览器打开html文件查看效果,发现内容并没有隐藏,原因是没有设置内容的高度;
5.设置内容显示为一行,内容超出后显示为省略号。为cont类添加内容显示为一行:whitespace: nowrap,内容超出后显示为省略号textoverflowellipsis;
6.保存好代码后使用浏览器打开查看内容超出后显示为省略号的效果;
7.代码。把代码复制到新建的html页面即可实现内容超出后显示为省略号。