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 }