shape-outside 不能作用于 元素，因其仅支持浮动的块级置换元素或具明确尺寸的块盒，而 非置换元素且布局模型不兼容；可行方案是用 div 模拟表格并设浮动与 shape-outside，或改用图片/svg 作为浮动锚点。
shape-outside 不能作用于 <table> 元素 —— 这是核心限制，直接决定方案是否可行。<h3>为什么 <code>shape-outside 对表格无效
shape-outside 只对浮动元素（float: left 或 right）生效，且该元素必须是**块级置换元素（replaced element）或具有明确尺寸的块盒**。而 <table> 是 display: table 的原生元素，既不是置换元素，也不支持 <code>shape-outside 的解析；浏览器会直接忽略该声明。
- 检查 computed styles 时，
shape-outside值显示为none，即使你写了shape-outside: circle() - Firefox 和 Chrome 均不支持对
<table>、<code><tr>、<code><td> 等表格相关标签应用该属性<li>规范明确要求目标元素需满足「establishes a block formatting context」且为 float + width/height 显式设置 —— 表格默认 width 是 auto，且 layout model 不兼容</li> <h3>可行替代路径：用 div 模拟表格外形 + 浮动 + shape-outside</h3> <p>若视觉上需要“像表格”的形状（如圆角矩形、椭圆、多边形），又想让文字环绕，必须放弃原生 <code><table>，改用 <code><div> 布局并手动模拟表格结构和样式。<ul> <li>给包裹容器设 <code>float: left、显式width和height（例如200px） - 用
display: table/table-cell等 CSS 模拟表格外观，但 DOM 是纯<div> <li>添加 <code>shape-outside: polygon(...)或ellipse()，配合clip-path视觉对齐 - 文字内容必须位于同一 BFC 中，且不与浮动元素同层 —— 即文字段落不能包在浮动容器内
```html
<div class="floating-table">
<div class="row">
<div class="cell">A</div>
<div class="cell">B</div>
</div>
</div>
<p>这段文字会沿着 shape-outside 定义的轮廓流动...</p>
```
对应 CSS 中关键部分：
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
下载
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
```css
.floating-table {
float: left;
width: 200px;
height: 120px;
shape-outside: ellipse(100px 60px at 100px 60px);
clip-path: ellipse(100px 60px at 100px 60px);
}
```
更现实的选择：用图片或 SVG 作为浮动锚点
如果目标是「文字绕着表格形状走」，真正稳定的做法是把表格导出为透明背景 PNG 或 inline SVG，再对该图像元素应用 shape-outside。
- SVG 路径可精确匹配复杂表格边框（比如带圆角、斜切的表头）
-
<img src="table-outline.svg">或<svg><path d="..."></path></svg>都是置换元素，天然支持shape-outside - 表格数据仍可用原生
<table> 放在别处（如 hidden），仅用图像占位实现环绕效果<li>注意：SVG 必须有明确 width/height，且不能设 <code>display: none或visibility: hidden，否则shape-outside失效
真正卡住的地方往往不是怎么写 CSS，而是误以为 shape-outside 是通用排版工具 —— 它只认浮动+尺寸+置换性，三者缺一不可。表格语义和 shape-outside 的技术前提天生冲突，绕不开就得换载体。
