本篇文章给大家分享的是有关CSS中怎么实现字符串截断并加省略号,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。<html> <
本篇文章给大家分享的是有关CSS中怎么实现字符串截断并加省略号,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
<html>
<head><title></title></head>
<style>
.title{
width:100px;
white-space:nowrap;
Word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;
}
</style>
<body>
<span class=title>标题显示太长省略多余部分并加省略号的样式</span>
<div class=title>标题显示太长省略多余部分并加省略号的样式</div>
</body>
</html>
以上就是css中怎么实现字符串截断并加省略号,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注编程网VUE频道。
--结束END--
本文标题: css中怎么实现字符串截断并加省略号
本文链接: https://lsjlt.com/news/75571.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0