用途
该技能用于在审查 CSS 时，识别那些渲染可翻译字符串的元素上存在的固定尺寸、截断或溢出规则。仅按英文文案设计的布局在翻译后经常出问题：按钮溢出容器、标签被截断、导航项意外换行。通过伪本地化测试尽早发现这些问题，比在翻译交付后再修复要便宜得多。
主要能力
- 快速参考：德语翻译通常比英语长约 30%，芬兰语长约 50%。
- 检查：识别对包含可翻译文本的元素使用固定宽度或硬截断的 CSS 规则与组件样式，这些在内容以其他语言扩展时会破坏布局；并检查团队是否能够测试伪本地化构建或预览。
- 修复：将文本容器上的固定 inline-size 替换为 min-inline-size，从交互元素上移除 overflow: hidden，并为本地开发与 CI 中的视觉测试添加伪本地化构建步骤。
- 解释：说明翻译过程中的文本扩展如何破坏固定布局，以及哪些 CSS 模式可防止跨语言环境下的溢出与裁剪。
- 代码审查：审查 CSS 文件与组件样式，检查按钮、标签、导航项和标题等包含可翻译文本的元素上是否存在固定宽度、overflow: hidden、white-space: nowrap 和 text-overflow: ellipsis。
使用方式
在审查 CSS 时应用该技能，重点检查包含可翻译文本的元素。按照检查、修复、解释与代码审查四个环节执行：先定位问题规则，再按建议替换或移除相关属性，并补充伪本地化构建步骤用于视觉测试。完整实现细节、代码示例与框架特定指导见 references/rule.md。规则页面：https://frontendchecklist.io/rules/i18n/text-expansion
适用场景
适用于前端国际化（i18n）相关的 CSS 审查，尤其是按钮、标签、导航项和标题等承载可翻译文本的组件。建议将伪本地化纳入 CI 或预览测试，而不仅是手动 QA。
限制
资料未提供具体框架实现细节、代码示例与完整规则内容，需查阅 references/rule.md 与规则页面获取。