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