CSS一段文本怎么设置超过省略号显示

2025-03-24 问答 86阅读 投稿:迷念

通常的做法是这样的:

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页面即可实现内容超出后显示为省略号。

声明:沿途百知所有(内容)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系我们将尽快删除