div限制字数，超出部分用省略号表示（一行或者多行）

1.如果想要在一行里实现“超出长度显示省略号”

只需要加上简单的css样式即可：

{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}

注意：这里实现的是“超出长度”，而不是“超出字数”，并且在一行里实现。

 

2.如果是两行或者三行的容器，想要纯用css实现这个方法，是没办法做到的。

则需要用用js判断字数截取。

<script>
    // 用id获取对象
    var introduction_solid = document.getElementById('introduction_solid');
    // slice() 方法可从已有的数组中返回选定的元素。
    // 此处需要根据需求自行修改slice()的值，以达到要显示的内容
    var demoHtml = introduction_solid.innerHTML.slice(0,105)+'...';
    // 填充至指定位置
    introduction_solid.innerHTML = demoHtml;
</script>