「自学哈网」如何让p标签里文字不换行，以省略号结束
也想出现在这里？
联系我们吧
有时候我们只需要页面显示一行内容，又不想改后端程序，又不想用JS截取，那么有什么简单的办法让p标签里文字不换行，以省略号结束呢？
小白实测只需要几行css就可以实现，悄悄告诉你，不止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;
本站声明：
本站所有资源来源于网络，分享目的仅供大家学习和交流！如若本站内容侵犯了原著者的合法权益，可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台，好资源不私藏，大家一起分享！
自学哈网 » 「自学哈网」如何让p标签里文字不换行，以省略号结束
本站所有资源来源于网络，分享目的仅供大家学习和交流！如若本站内容侵犯了原著者的合法权益，可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台，好资源不私藏，大家一起分享！
自学哈网 » 「自学哈网」如何让p标签里文字不换行，以省略号结束
也想出现在这里？
联系我们吧
