内容过多显示省略号

超出显示省略号

1. js 处理内容过多显示省略号

  handleOmit(countent,el){
		for(let i=0;i<countent.length;i++){
			el.innerHTML=countent.substr(0,i+1);//包头不包尾加上最后一个字符
			if(el.offsetHeight<el.scrollHeight&&countent!=''){
				 el.style.overflow='hidden';
				 if(i==0){
					 el.innerHTML=countent.substr(0,10)+'...';
				 }else {
					 el.innerHTML=countent.substr(0,i-2)+'...';
				 }
			}
		}
	}

2.css 处理内容过多显示省略号

  text-overflow:ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;/*设置显示行数，此处为2行*/
  -webkit-box-orient: vertical;