文本溢出显示省略号
本帖最后由 Joseph.Wang 于 2023-8-2 11:34 编辑当文本内容过长时，你一般会怎么处理呢？:nbtz5:
一种方式是调整列宽或者使用自适应，让内容在一行能完全显示，但这样在页面展示时可能不太美观；第二种就是使用多行文本框，让内容换行显示，这种也是常用的方法；其实还有一种方式，就是只显示前几个字，后面加上省略号，可以点击后弹出新页面进行详情的展示。接下来就分享一下这种方式在活字格的实现思路。
1. 通过公式字段截取，然后拼接“...”，页面绑定公式字段
2. 通过Excel公式截取，然后拼接“...”
3. 借助css，使用text-overflow: ellipsis属性
在使用时遇到了一些坑，最后发现是因为这个属性必须要在某些条件下才会生效
[*]元素必须要有明确的宽度，因此要在css中设置width属性
[*]必须同时设置overflow: hidden和white-space: nowrap
但当在超链接上设置时，发现又不生效了:'(
经排查发现是因为超链接属于内联元素，还要设置display: block才能让宽度生效，经过一番折腾，终于实现了最终的效果
附件为工程文件，可以作为参考，对应的css也已经在工程文件中了，大家可以根据自己的实际场景使用不同的方案哈~~
应该会用到感谢格友的分享 插眼 感谢格友的分享
页:
[1]