当前位置:首页 / 代码设计 / DIV只显示一行,多余的省略 正文

0

DIV只显示一行,多余的省略

代码设计 | SKY发表于2019-06-11 | 访问: 687 次
/*一行表示**/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
/***2行表示**/
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; 

效果对比:
截图 2019-06-11 17.51.30.png

截图 2019-06-11 17.51.25.png

End

标签:css
最后修改于:2019-06-13 02:18

猜你喜欢

发表评论

最近发表
最新评论