css 中间省略号截取文字代码

Question

利用 css 截取一段文字的前段和后段，中间部分不显示，用省略号显示出来！例如：
你好你好你好你好 ... 你好你好你好！
请问这个效果怎么实现？寻找很多资料都不能找到相关解决的办法，请求帮助！

Answer 1

你好，看了 你的问题，单纯用css现在貌似解决不了，css只能实现溢出隐藏，用...来表示。
你需要隐藏中间部分内容，需要用到js啊。可以用js先算出字符串的长度，然后截取收尾两段显示，中间加...即可。追问

可以用详细代码解决吗？急需，谢谢

追答<script> 
var str = "可以用详细代码解决吗？急需，谢谢!";
var subStr = getSubStr(str);
console.log(subStr);
function getSubStr (str){
//var str = "可以用详细代码解决吗？急需，谢谢!";
var subStr1 = str.substr(0,5);
var subStr2 = str.substr(str.length-5,5);
var subStr = subStr1 + "..." + subStr2 ;
return subStr;
}
</script>

追问

因为设计大量的文字，所以请问一下可以设置个参数然后在调用的时候方便调用吗？

追答

你可以自己加一个参数。

追问

你好，谢谢你的热心解答！经测试，好像不能显示效果！由于本人对 java 一点都不会，所以烦请你耐心再帮忙检查一下！我直接拷贝你的代码进去，然后保存，结果发现页面是空白的！

问题如果彻底完美解决，我再追加 100 分！

追答

你要我怎么说呢。getSubStr函数就是用来输入一个字符串，然后以你想要的形式返回。你在你需要的地方调用一下函数就行了。

这个是js，不是java啊，java我也不会。

追问

还是不明白如何调用！请指教！我笨！

追答

我不知道你的页面结构是什么样的。
var subStr = getSubStr(str);
str就是你说的一段文字，subStr就是：你好你好你好你好 ... 你好你好你好！这样的效果啊。

然后就看你要把文字放到哪里了。
把console.log改成alert(subStr);一下看看效果就好了。

追问

最后你告诉我如何调用，我要每个地方都可以调用的！就是文章标题部分，你告诉我，现在是需要如何调用！实现了马上接纳！

追答

var subStr = getSubStr(str);

就是这么调用，你不用马上采纳，我也不缺你这点财富值。

追问

空白一片！