给段落区块加了 1px 边框,外层组区块也有 1px,前台看起来是一条 2px 深线,圆角接缝处还凸出一截。碰到这种情况,我一般先确认改动有没有真的生效。
原因不复杂,组区块和子区块的边框各自渲染,外边距没有合并,颜色叠加后变深。主题又给相邻区块加了上边距,接缝处就显出两条线。
「区块边框重叠」相关的日志我一般连着看前后五分钟,单看一条报错经常判断不出是哪一步失败。改完顺手把文档补一句,省得下次自己重新推一遍。
.wp-block-group { border: 1px solid #ddd; }
.wp-block-group > .wp-block-paragraph { border: 0; }
监控和日志的时间要对上,时区不一致会多绕很大一圈。临时改动用注释写上日期和原因,过两周自己都记不清为什么这么写。
动手前把原文件复制一份带时间戳,出问题立刻换回去,比现场分析快得多。
具体做法是,只保留外层容器的边框 子区块改成无边框;需要分隔线时只用单边 别四周都画;用描边调试 确认是哪一层多画了一条。
最后用这个标准收尾,接缝处只有一条 1px 灰线,圆角连续没有缺口。
