css设置内容超出后显示省略号
1、新建一个html页面。如图：
4、保存好代码，使用浏览器打开html文件查看效果，发现内容并没有隐藏，原因是没有设置内容的高度。如图：
7、代码。把代码复制到新建的html页面即可实现内容超出后显示为省略号。代码：<!DOCTYPE html><html><h髫潋啜缅ead><meta charset="UTF-8"><title>内容超出显示省略号</title><style>.cont{overflow: hidden;/*内容超出后隐藏*/text-overflow: ellipsis;/* 超出内容显示为省略号*/white-space: nowrap;/*文本不进行换行*/}</style></head><body><p>订单的的顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶</p></body></html>
声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。