第一句子网 - 唯美句子、句子迷、好句子大全
第一句子网 > div限制字数 超出部分用省略号表示(一行或者多行)

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

时间:2023-01-27 21:57:34

相关推荐

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>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。