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>