表格里放了一段没有空格的中文描述,整个表格被撑到超出容器。碰到这种情况,我一般先确认改动有没有真的生效。
原因不复杂,默认断行只在空格处生效,连续中文或长串字符不会自动拆分。
「中文断行」这类改动最怕改一半,回滚脚本先准备好,再动生产。改完顺手把文档补一句,省得下次自己重新推一遍。
td { word-break: break-all; word-wrap: break-word; }
table { table-layout: fixed; width: 100%; }
监控和日志的时间要对上,时区不一致会多绕很大一圈。临时改动用注释写上日期和原因,过两周自己都记不清为什么这么写。
动手前把原文件复制一份带时间戳,出问题立刻换回去,比现场分析快得多。一次只改一处,改完立刻验证,几个改动叠在一起,出问题就说不清是谁导致的。
先做最小复现,能稳定跑出来的问题,排查成本会低一个数量级。
具体做法是,允许任意位置断行;表格单元格设置最大宽度;配合表格布局算法固定列宽。
最后用这个标准收尾,表格宽度受控,长文本在单元格内换行显示。