超出省略点

　　单行超出省略

　　#div1{

　　　　overflow: hidden;

　　　　text-overflow: ellipsis;

　　　　white-space: nowrap;

　　　　word-break: break-word;

 

　　}

　　多行超出省略（这里时两行超出省略，如果时多行的话，改下面的数字即可）

　　#div1{
　　　　overflow : hidden;
　　　　text-overflow: ellipsis;
　　　　display: -webkit-box;
　　　　-webkit-line-clamp: 2; 
　　　　-webkit-box-orient: vertical;
　　}

转载于:https://www.cnblogs.com/shangjun6/p/11419567.html