文本显示为两行,超过部分隐藏并使用省略号

{
display:-webkit-box; // 有区别于 display:flex  详细:【https://www.zhihu.com/question/22991944】 ,flex 有时候也会加上浏览器前缀
text-overflow:ellipsis;
overflow:hidden;
width:100px;
-webkit-line-clamp: 2;
-webkit-box-orient:vertical;
}

上一篇:css设置字体渐变色


下一篇:列举在Web前端开发中经常会设置的特殊样式!