css内容超长显示省略号

单行文本

width: 300px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

多行文本

display: -webkit-box; 
width: 200px; 
overflow: hidden; 
-webkit-box-orient: vertical; 
-webkit-line-clamp: 2;

 

posted @ 2020-12-24 18:38  二姐1511  阅读(95)  评论(0编辑  收藏  举报