CSS Exclusions（如wrap-flow、shape-outside）在HTML表格中完全无效，因表格单元格display: table-cell不参与文本流且浮动被强制忽略，所有主流浏览器均未实现，唯一可行方案是将绕排内容移出表格结构。
不能用。 CSS Exclusions（wrap-flow、wrap-through、shape-outside 配合非浮动定位）在 HTML 表格中完全无效，且至今没有被任何主流浏览器支持。
为什么 wrap-flow 在 <td> 里根本不起作用
Exclusions 草案要求元素必须参与文本流才能影响周围文字走向，但表格单元格（<td>）本身是 display: table-cell，既不接受 float，也不属于行内流上下文；wrap-flow 属性在 Chrome、Firefox、Safari 中均未实现，caniuse.com 明确标注为 “No support in any browser”。即使写上，浏览器会静默忽略，控制台不报错，容易误以为是写法问题。
shape-outside 为什么对 <td> 或 <tr> 子元素无效
shape-outside 只对真正浮动（float: left/right）且处于标准文档流中的块级元素生效。而：
-
<td>的float属性被规范强制忽略（表格布局模型与浮动互斥） - 给
<td>套position: absolute会脱离表格网格，失去行列对齐能力，且shape-outside在绝对定位下需配合clip-path才可能影响文本流——但这已不是“表格内排版”，而是脱离表格结构的覆盖层 - 伪元素（如
::before）或content: url()插入的内容，无法参与表格外部段落的文字流计算
表格场景下真正可行的替代路径
如果你需要在表格附近实现图文绕排效果（比如让一段说明文字绕开右侧一个带图的 <td>），唯一稳定方式是「结构外移」：
立即学习“前端免费学习笔记（深入）”；
- 把需要绕排的图文内容（图片 + 段落）抽离出表格，放在
<table>外部的普通<div>容器里，用float: left+shape-outside: circle()实现环绕 - 再将这个
<div>作为独立区块，通过display: grid或flex与表格并列布局（而非塞进<td>） - 若必须视觉上“嵌入”表格某单元格区域，可用
position: relative在<td>内设一个position: absolute容器承载绕排内容——但注意：这仅是视觉叠加，文字不会真正绕开表格单元格，且响应式下极易错位
最容易被忽略的是：表格的本质是二维数据容器，不是排版画布。强行用 Exclusions 去“绕开”单元格，等于要求表格同时承担语义结构和复杂流式排版两重职责——目前没有任何浏览器能兑现这个承诺。真要艺术化绕排，就别用 <table>；真要用 <table>，就接受它只管对齐与分隔。
