文本截断要先判断哪部分信息决定用户的选择，再决定保留哪里。普通摘要可以末尾省略；文件名可能需要保留版本与后缀；相似名称要露出区别；金额、单位、风险提示和确认对象通常不能靠省略号处理。截断节省的是展示空间，完整信息仍应有明确、可操作的获取方式。
可以在墨刀设计中替换真实长度的文案，同时检查列表、详情和窄屏状态。不要只用“测试文件”“商品名称”这类短文本判断布局是否成立，也不要等到研发把长内容塞进去才决定截断规则。
先找识别信息，别默认所有文本都从末尾截断
两份文件叫“华东渠道季度复盘2026Q3复核版.xlsx”和“华东渠道季度复盘2026Q3确认版.xlsx”。如果都显示成“华东渠道季度复盘…”，用户无法知道要打开哪一份。保留开头并不自动意味着保留了最重要的信息；在这个任务中，末尾的版本差别才决定选择。
相反，文章卡片的标题通常需要先表达主题，截掉开头会让列表难以浏览。收货地址则可能需要先显示城市和关键位置，再通过详情查看完整门牌。不同文本服务不同任务，不能用同一条CSS规则替代产品判断。
| 内容 | 必须保留的判断依据 | 优先考虑的策略 |
|---|---|---|
| 文章或任务标题 | 主题与区别于其他项的关键词 | 允许换行，必要时尾部省略 |
| 文件名 | 对象名称、版本、文件类型 | 中间省略，配合版本或类型字段 |
| 金额与数量 | 完整数值、正负号、币种或单位 | 分配足够宽度，必要时调整布局 |
| 操作前确认对象 | 能唯一识别对象的信息 | 完整展示或组合名称与编号 |
| 长备注或描述 | 摘要与完整内容入口 | 限制默认行数，按需展开 |
列表存在大量相似名称时，优先考虑增加可区分的辅助信息，例如版本、所属项目或更新时间，而不只是把截断宽度再增加几个字。名称本身无法区分对象时，再长的显示区域也未必解决问题。
换行、末尾省略、中间省略分别适合什么
换行适合需要顺着读完的内容。标题、解释与错误提示可以随内容增长；但要检查行高增加后，旁边按钮、图片与后续行是否仍然对齐。不要为保持卡片等高，把所有重要标题都压成无法理解的半句。
末尾省略适合开头足以判断对象、后文可以再查看的内容。例如一段文章摘要或普通备注。省略号应清楚表达“还有内容”，而不是与原文最后一个标点混在一起。对相同开头的对象，必须另找区别信息。
中间省略适合首尾都重要的标识。例如文件名需要保留前面的主题和后面的版本、扩展名。但保留后缀并不代表已经可辨认；若两个文件都变成“华东…版.xlsx”，仍然不合格。可以单独显示“复核版”“确认版”，让列宽变化时也不丢掉差别。
展开适合内容有明确阅读需要、但不必默认完整铺开的场景。备注列表可先显示几行，用户展开后在原位置阅读，再收起继续浏览。展开后应保持当前行可辨认，避免页面大幅跳动，让用户找不到刚才点击的对象。
完整内容不能只靠鼠标悬停
桌面端可以在悬停或键盘聚焦时显示完整名称，但它不应是唯一入口。触屏用户需要可点击的展开、详情或完整名称面板；键盘用户也要能到达相同信息。长名称如果需要复制，最好提供明确的复制动作，或在详情中允许选择完整文本。
自定义浮层要让人有时间读完，也能关闭，鼠标移入浮层时不应立即消失。W3C 对悬停或聚焦内容的说明关注可关闭、可移入和持续显示这些条件。不要用一个转瞬即逝的提示解决整段重要文本的阅读问题。
截断应主要发生在视觉层，数据和可访问名称仍要保留必要的完整信息。复制名称时，复制的是原值，而不是画面上的“……”版本；搜索也应能匹配完整名称。设计稿里把文字手动删成短句，容易让实现误以为这是实际存储内容，因此交付时应同时给出原值和显示规则。
金额、错误和危险操作，优先保住决定依据
“￥12,345…”无法支持付款核对；如果采用“1.23万”这样的紧凑格式，也改变了精度，必须说明单位和近似性质，并在需要准确确认的地方显示完整金额。不能把数值缩写当成普通文本省略，也不能让负号或小数位被遮住。
错误提示应让用户知道改什么。只显示“当前操作无法完成，因为…”没有修正价值。可以先用简短句概括问题，再展开详情；不要把关键错误原因放在被截断的一端。
删除、替换、授权等操作前，应让用户确认完整对象，或显示足以区分的名称与编号。列表里为节省空间做过截断，不意味着确认弹窗也应复制相同短名称。尤其两个对象前缀相同时，应主动提供区别，不把辨认责任交给用户记忆。
宽度变化时，测试的是识别能力而不只是溢出
同一个字符串在不同字体、系统设置和语言中占用的宽度不同。规则应根据实际容器和排版表现设计，不应简单约定“超过十个字符就截断”。中文、英文、数字混排，带括号的版本名和长英文单词，都可能暴露仅用字数判断的问题。
为每个关键组件准备几组内容：常见长度、特别长的标题、两个同前缀名称、两个同后缀名称、空值、带单位数值。分别放在宽屏、窄屏和放大文字的状态下检查。观察文字是否压到按钮、后缀是否消失、展开入口是否还可操作，以及用户是否仍能选对对象。
不必为了卡片等高牺牲阅读。可以给不同信息建立清晰层级，让次要描述收起，同时允许主标题换行；也可以在窄屏切换为名称在上、状态与操作在下的布局。空间不足时先重新组织，再决定省略哪些内容。
把显示规则写成组件约定
交付时为长文本组件记录“原始值、默认展示、必须保留的部分、完整查看方式、复制结果、窄屏策略”。例如文件列表名称：默认中间省略；保留主题、版本和扩展名；详情显示原名；复制动作复制全名；窄屏允许名称占两行并将版本单独展示。
然后让评审者完成两个具体任务：从相似文件中找出确认版，复制一份文件的完整名称。能完成才说明显示策略有用；没有溢出只是基础检查。若要把同样的方法扩展到页面全部内容，可继续使用原型真实内容压力测试检查长文案、数据和状态。
好的截断规则并不追求每一行同样整齐，而是让用户在有限空间里仍能识别对象、比较差别，并在需要时拿到完整信息。
