Archived
xcsandClaude Fable 5
3b9c559a47
用户:「评审放行与落账确认,中间这个有条件推荐这个 svg 挡住旁边的字了」。 在浏览器里量的账:徽章那一坨 .seal-core 139px 宽,而印章圈定死 112px —— 溢出 26px; 右边那句一句话结论从 603px 起,正好被压住。病根是徽章按自己的字宽撑开、又带着 white-space:nowrap 缩不了,而圈是定死的圆(place-items:center 只让它对称地溢出去)。 两条一起治:核心不许超过圈的内径(max-width:calc(100% - 16px));圈里那一枚字号收小、 去掉字距、允许折行(以后有更长的等级名就两行,圆里两行照样是圆)。 改完再量:核心 94px、圈内还余 9px、「有条件推荐」一行放得下、结论那段完全露出来。 验收法记一笔:视觉的账在**真 DOM** 上量 —— 离线渲一份真件挂本地服务, 浏览器里 getBoundingClientRect 前后各取一次,不在脑子里推。包内 +1 测(变异验证过)。 2.24.0 已装库。 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01LKMZDwMbyKzjw6Hembwvet