css 多出一行或多行后显示...的方法

一行超出显示...

1 .mui-ellipsis {
2     overflow: hidden;
3     white-space: nowrap;
4     text-overflow: ellipsis;
5 }

两行超出的显示...

1 .mui-ellipsis-2 {
2     display: -webkit-box;
3     overflow: hidden;
4     white-space: normal!important;
5     text-overflow: ellipsis;
6     word-wrap: break-word;
7     -webkit-line-clamp: 2;
8     -webkit-box-orient: vertical;
9 }

 

posted @ 2016-05-11 21:19  梦的怒放ing  阅读(2583)  评论(0)  编辑  收藏  举报