浏览器兼容

1.canvas画布在谷歌浏览器中会影响其他div的点击事件,相当于多了一层遮罩,在火狐浏览器中就不会有这种问题;

2.ie浏览器不支持多行显示省略号

p{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp:3; /*表示显示3行之后用省略号代替*/
    -webkit-box-orient:vertical;
}  

虽然上面的属性是带了-webkit-前缀的，但是在前面加-ms-的前缀在ie浏览器也是不生效的

解决方案是用js限制字数，超出本分以...显示

function LimitNumber(txt,num,id) {
    var str = txt + '';
    str = str.substr(0,num) + '...' ;
    var ele = document.getElementById(id);
    ele.innerText = str;
}