根本原因是未同时设置table-layout:fixed、td的max-width和white-space:normal，导致overflow-wrap:break-word无法触发断行；三者缺一不可。

表格里URL撑破列宽，根本原因是没触发断行判断

浏览器默认不给 URL 断行，不是因为 overflow-wrap: break-word 写错了，而是三件事同时缺席：表格没设 table-layout: fixed，单元格没设 max-width，且很可能被 white-space: nowrap 锁死了换行能力。这三者缺一不可，少一个，break-word 就形同虚设。

必须加的 CSS 组合只有这三条

别堆属性，只保留真正起效的：

使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件

如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Andr​​oid友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Andr​​oid应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更

下载

• table 上设 table-layout: fixed——让列宽由 col 或第一行决定，否则浏览器永远“先看内容再定宽”，根本没机会判断“该不该断”
• td 上设 max-width: 200px（按实际列宽调整）——这是 overflow-wrap 触发断词的前提，没宽度限制，它就认为“还能撑”
• td 上写 overflow-wrap: break-word + word-break: normal——前者负责在整词放不下时断开，后者防框架或重置样式误设 break-all
• 检查并覆盖掉 white-space: nowrap，显式写 white-space: normal 最保险

word-break: break-all 在 URL 列里要不要用？

能用，但代价明确：https://api.example.com/v1/users/abc123 可能变成 https:/+/api.example.com/v1/users/abc123，点击失效、复制粘贴出错。只建议用于以下场景：

• 后台管理表格的 ID / commit hash / 日志路径列，用户不需点击或复制
• 列宽极端受限（如 max-width: 80px）且全是无空格字符串
• 已确认内容纯机器可读，语义完整性不重要
• 别和 overflow-wrap: break-word 同时写——break-all 优先级更高，前者完全无效

标签不是补丁，是手动断点标记

<wbr></wbr> 不是拿来批量塞进所有 URL 的万能解，它是语义化分隔符，只在你明确知道“这里可以安全断开”的位置插入：

• URL 中的 /、.、- 后面，比如 https://example.com/api/<wbr>v2/<wbr>users</wbr></wbr>
• Base64、JWT、Git hash 这类技术标识符内部，按逻辑段落切分
• 别往用户评论、富文本或普通段落里硬塞——这类内容应靠 CSS 控制，否则 HTML 变得难以维护、不可读

表格里处理 URL 换行，最易被忽略的是 table-layout: fixed 和 max-width 的组合缺失；很多人只盯着 word-break 改来改去，却忘了浏览器根本没拿到“断行依据”。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！