css文本超出显示省略号
css单行文本超出以及多行文本超出显示...
1、单行文本超出
<div class="content">测试数据：css单行文本超出显示省略号--------</div>
<style>
.content{
width: 200px;
height: 200px;
overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow:ellipsis;
}
</style>
2、多行文本超出
<div class="content">测试数据：css多行文本超出长度显示省略号，如2行文本超出长度显示省略号----------------------</div>
<style>
.content{
width: 200px;
height: 200px;
overflow:hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
}
</style>文章链接：https://www.94kaifa.com/bc/10165.html
文章标题：css文本超出显示省略号
文章版权：94KAIFA(www.94kaifa.com) 所发布的内容，部分为原创文章，转载请注明来源，网络转载文章如有侵权请联系我们！
本文最后更新发布于 2023-10-11 10:35:15 ，某些文章具有时效性，若有错误或已失效，请联系客服处理：75109479@qq.com
