css控制超出文本...

1.单行省略

　　width:100px;

　　white-space: nowrap;

　　overflow: hidden; 

　　text-overflow: ellipsis;

　　-o-text-overflow: ellipsis;

2.多行省略

　　overflow:hidden;

　　text-overflow:ellipsis;

　　display:-webkit-box;

　　-webkit-box-orient:vertical; 

3.限制多少行...

　　overflow: hidden;
　　text-overflow: ellipsis;
　　display: -webkit-box;
　　-webkit-line-clamp: 2;
　　-webkit-box-orient: vertical;

---------------------------------------

uniapp中

　　text-overflow: -o-ellipsis-lastline;
　　overflow: hidden;
　　text-overflow: ellipsis;
　　display: -webkit-box;
　　-webkit-line-clamp: 1; //可设置显示的行数
　　line-clamp: 1;
　　-webkit-box-orient: vertical;