一,css\处理行数溢出隐藏,省略号.....注:此方法不兼容火狐
1、单行隐藏
.hhh{
overflow: hidden;
/*文本不换行*/
white-space: nowrap;
/*文字超出用省略号*/
text-overflow:ellipsis;
}
2、多行隐藏
.hhh{
overflow: hidden;
/*文字超出用省略号*/
text-overflow:ellipsis;
/*盒子模型*/
display:-webkit-box;
/*显示的文本行数,3行*/
-webkit-line-clamp:3;
/*子元素的垂直排列方式*/
-webkit-box-orient:vertical;
}
二、javascript方式处理
浏览器兼容伪类写法css溢出部分css溢出部分css溢出部分css溢出部分css溢出部分css溢出部分css溢出部分
functionmitulineHide(num,con){
varcontain = document.getElementById(con);
console.log(con);
varmaxSize = num;
vartxt = contain.innerHTML;
if(txt.length>num){
console.log('1');
txt = txt.substring(0,num-1)+"...";
contain.innerHTML = txt;
}else{
console.log("error")
}
};
mitulineHide(10,'ellipsis');