表格内文本溢出时部分内容隐藏,是否需对整段字符串做整体裁剪?
表格单元格多邮箱内容截断方案
优先选择调整为Example@example.com, ...的整体裁剪形式,不要保留半截不完整的第二个邮箱,核心原因有这几个:
- 半截的邮箱内容没有任何实用价值:用户既没法通过
Blahblahblahblah@ex...识别出完整邮箱,甚至可能误以为这就是第二个邮箱的完整内容,反而造成信息误导 - 整体裁剪的表意更清晰:末尾单独加
...可以让用户一眼就知道「还有未展示完全的邮箱内容」,不会产生歧义 - 可以配合交互补充完整信息:如果需要用户能查看全部内容,给单元格加悬浮提示展示两个完整邮箱即可,完全可以覆盖需要查看完整内容的场景
如果你的业务场景要求必须展示尽可能多的有效内容,也可以先计算单元格宽度能放下多少个完整的邮箱,只展示完整的条目,剩下的用+N(比如这里就是+1)的形式标识未展示的数量,体验比展示半截内容好很多。
内容的提问来源于stack exchange,提问作者Korsaurus
相关产品推荐
相关产品推荐

