文本截断
Text Truncate
初级通用文本截断（Text Truncate）是在展示时限制文字占用的空间，超出部分只显示一部分，常用省略号提示后面还有内容。它能让列表、卡片等区域保持整齐，例如把过长的文件名缩成一行，同时保留查看全文的途径。
你可能会说：「列表里有些标题太长，把布局挤乱了，能不能只显示一行，剩下的让用户点开看？」
动手看看项目文件列表的文件名
项目文件
完整文件名第三季度客户访谈与产品路线图讨论纪要.pdf
昨天 16:42
品牌色板.pdf
周一 09:15
文件名显示方式
切换文件名显示方式，再把鼠标移到长文件名上。截断只改变展示，不会改掉文件名；悬停卡片提供查看全文的途径。
单行截断让每条文件记录保持紧凑、整齐；末尾的省略号提醒你后面还有字。
要点文本截断要先想清楚哪几件事？
- 1
限制的是展示空间，不是原文
你可以把列表标题限制在一行，超出的部分用省略号表示；但数据里的完整标题仍然保留。这样用户进入详情页、复制内容或搜索时，不会因为列表展示方式而丢失文字。
- 2
先确定截断发生的位置
同一句话在手机和桌面上能占的行数不同，所以我们通常按容器宽度或允许的行数控制展示，而不是随意截取固定字数。文件名这类文字还要留意：截掉末尾可能会藏住扩展名。
- 3
给完整内容留一条路
省略号只能告诉用户还有内容，不能告诉他省掉了什么。如果标题关系到辨认或操作，你可以让整条记录进入详情，或提供展开方式；仅靠悬停显示全文，在触屏设备上就不方便。
容易混淆的地方
文本截断处理的是有限空间里怎么显示文字，和改写摘要不同：摘要会重新挑选信息，截断只隐藏原文的一部分。它也不等于把超出容器的内容直接裁掉；后者可能连“还有内容”的提示都没有。需求里说“截断”时，我们最好同时说清楚显示几行、是否显示省略号，以及全文在哪里看。
什么时候用
适合用
- 后台表格的名称列宽度有限，记录名长短不一；列表中截断名称，点进记录再看完整内容。
- 手机上的消息列表要同时展示发送者、时间和预览文字；预览占两行，其余内容进入会话查看。
- 文件卡片需要保持统一尺寸，但用户上传的文件名可能很长；卡片上截断显示，详情中保留全名。
不适合用
- 用户正在填写备注或写文章时，需要看见并编辑完整内容；用可滚动或自动增高的输入区域更合适。
- 告警的关键原因和处理动作必须当场看清时，不适合靠截断省空间；给文字更多空间或调整布局。
- 文章正文是页面的主要阅读内容时，直接截断会打断阅读；用完整正文，长内容再按章节组织。
练一练选一个答案，看看解释
你在做订单后台，表格中的商品名经常很长，但客服需要靠完整名称核对订单。哪种处理更合适？
让 AI 帮你做复制给 AI Agent 直接用
请为订单后台表格的商品名列做文本截断：列表中最多显示两行，超出时用省略号提示，不修改原始数据。用户进入订单详情后能看到完整商品名；请检查窄屏下其他列是否仍可使用。