用户提交的一段长 URL 在评论区把整块内容撑宽。乍看像缓存或者权限的锅,追下去往往不是。

.comment { overflow-wrap: anywhere; }
.comment a { word-break: break-all; }

追下去是这么回事:连续无空格字符默认不换行,容器宽度被强制扩大。

「英文断词」相关的验证我通常做两遍,改完一次、隔天再看一次,确认不是临时生效。一次只改一处,改完立刻验证,几个改动叠在一起,出问题就说不清是谁导致的。

先做最小复现,能稳定跑出来的问题,排查成本会低一个数量级。别只看报错的最后一行,往上看几行,真正的起因通常在上面。

同类问题如果隔一段时间又出现,多半是某个定时任务或重启流程把改动冲掉了。把这次用到的命令存进笔记,比记住结论有用,换个环境还能照着走。

改完隔一天再看一次,当场正常不代表能稳住。

具体做法是,设置允许在任意位置断行;长单词优先整体换行;配合隐藏溢出兜底。

验收就看一点,长链接在容器内换行,评论区宽度不变。

作者 9823189