本文主要是介绍css省略号,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
一,单行省略号
width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
二,多行省略号
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
overflow: hidden;
多行省略号主要是-webkit-line-clamp属性,-webkit-line-clamp: 2,
表示最多显示两行文本
这篇关于css省略号的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!