如何让p标签里文字不换行，以省略号结束
作者：admin 分类：站长经验总结 时间：2025-05-16 浏览：
有时候我们只需要页面显示一行内容，又不想改后端程序，又不想用JS截取，那么有什么简单的办法让p标签里文字不换行，以省略号结束呢？
- //一行
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- word-break: break-all;
- //两行
- text-overflow: -o-ellipsis-lastline;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- line-clamp: 2;
- -webkit-box-orient: vertical;
文章链接：https://eyhtml.com/xinwendongtai/569.html
文章标题：如何让p标签里文字不换行，以省略号结束
文章版权：所发布的内容，部分为原创文章，转载请注明来源，网络转载文章如有侵权请联系我们！
本文最后更新发布于
文章标题：如何让p标签里文字不换行，以省略号结束
文章版权：所发布的内容，部分为原创文章，转载请注明来源，网络转载文章如有侵权请联系我们！
本文最后更新发布于
2025-05-16