中英文标点与断行：让两种语言都有节奏

双语页面不只是把一段中文换成英文。同一个按钮、标题或段落，在两种语言里会占据不同长度；如果布局只按其中一种语言试过，另一种语言就容易被挤进省略号、过小字号或不自然的断行里。与其先追求两边完全对齐，不如先保证每一边都能独立读懂。

从标点开始看间距

中文逗号、句号、括号和引号，参与的不只是语法，还有一行文字的视觉节奏。英文单词之间的空格，则构成另一种基本单位。不要为了看起来“国际化”，把正文中的中文标点全部换成半角，也不要机械地在每个数字或英文片段两侧插入多个空格。先保持一种清楚的编辑习惯，再观察所选字体的实际效果。

例如“用 SVG 导出一枚 32 px 图标”与“Export a 32 px SVG icon”信息对应，却不必保持相同字数。产品名、尺寸和链接要一致，语序可以各自自然。标题“让想法，有个去处”也不一定需要逐字翻译成一个生硬句子；英文应准确传达它邀请读者开始制作的作用。

不要让换行替你改写句子

在窄屏预览中观察括号、引号和停顿符号。中文排版通常会考虑哪些标点不适合出现在行首或行尾，但具体规则也存在宽松程度，不能把一种处理方式当成所有内容的唯一标准。W3C 中文排版需求 对这些情况提供了专门说明。

更实用的办法，是准备一组压力样稿：一个带书名号的长标题、一句含英文项目名的中文、一段包含数字单位的说明，以及一个很长的链接。逐项看是否溢出、是否把关键词拆得难认。对长链接，overflow-wrap: anywhere 可以在必要时提供额外断点；它不等于应该把普通正文的每个单词任意拆开。MDN overflow-wrap

保持信息对应，而不是高度相同

双语文章可以分别调整段落长度，只要论点、例子、限制和操作步骤保持对应。不要把英文版变成只有摘要的装饰，也不要为了让两边齐平，删去一种语言里的重要提醒。切换语言时，应尽量停留在同一篇文章或同一个工具状态，而不是把读者送回首页。

今天的练习是在排印工坊里放入一段中英文样稿，先用长文参数，再切换窄屏。记录三处需要修改的地方，分别判断问题来自文字、字体还是容器。能通过改短一句按钮文案解决的，不必立刻用复杂 CSS；需要调整布局时，也不要要求内容无限缩短来迁就。

保存样稿时，把它当成后续检查的固定素材。以后改字体、行距或标题比例，都用同一份样稿回看。稳定的比较对象，比每次临时写一句“测试文字”更能暴露问题。