css多余文本使用....代替

1. 只显示单行文本，多余文本使用...代替

1   white-space: nowrap;
2   overflow: hidden;
3   text-overflow: ellipsis;

 

2. 显示多行文本，多余文本使用...代替

1   display: -webkit-box;
2   overflow: hidden;
3   -webkit-box-orient: vertical;
4   -webkit-line-clamp: 2;/*控制可显示几行文本*/