CSS文本超限后使用省略号代替

2025/12/22 10:07:56 来源：https://blog.csdn.net/qq_29517595/article/details/139745204 浏览: 次关键词：CSS文本超限后使用省略号代替

方案一：

只显示一行，超限后使用省略号代替

.detail {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}

在这里插入图片描述

显示多行，到最后一行还没有显示完，则最后一行多出来的部分使用省略号代替。

.detail {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;
}

在这里插入图片描述

本网仅为发布的内容提供存储空间，不对发表、转载的内容提供任何形式的保证。凡本网注明“来源：XXX网络”的作品，均转载自其它媒体，著作权归作者所有，商业转载请联系作者获得授权，非商业转载请注明出处。

我们尊重并感谢每一位作者，均已注明文章来源和作者。如因作品内容、版权或其它问题，请及时与我们联系，联系邮箱：809451989@qq.com，投稿邮箱：809451989@qq.com