css 将第1/n行文本超出部分替换成省略号

　　1、第一行

　　　　.text-overflow{

　　　　　　white-space: nowrap; 

　　　　　　overflow: hidden;

　　　　　　text-overflow: ellipsis;

 

　　　　}

　　2、第n行 -webkit- 

　　　　.text-overflow-multi{

　　　　　　text-overflow: -o-ellipsis-lastline;

　　　　　　overflow: hidden;

　　　　　　text-overflow: ellipsis;

　　　　　　display: -webkit-box;//将元素设为盒子伸缩模型显示

　　　　　　-webkit-line-clamp: 2; //控制行数

　　　　　　-webkit-box-orient: vertical;//伸缩方向设为垂直方向

　　　　}