column-rule 对 html 表格无效，因其仅适用于 css 多栏布局（由 column-count/column-width 触发），而表格使用独立的表格布局模型；实现列分割线应使用 border-collapse 配合单元格边框、col 元素或改用 grid/flex 布局。
column-rule 不能用在 HTML 表格上——它只对 column-count 或 column-width 触发的多列布局（即 CSS 多栏排版）生效，而 <table> 是基于表格模型的布局，两者底层机制完全不同。
<h3>为什么 <code>column-rule 对 <table> 没反应
<p>浏览器把 <code><table> 当作一个整体块容器，即使你给它加了 <code>column-count: 3，表格内部的 <tr>/<td> 也不会被拆进不同栏里；CSS 多栏布局只适用于普通流内容（如 <code><p></p>、<div>），不重排表格结构。
<ul><li>给 <code><table> 设 <code>column-rule: 1px solid #ccc 完全无效，开发者工具里也看不到渲染效果
真正能给表格列加分割线的三种方式
要让表格列之间有视觉分隔，得用表格专属属性或通用边框控制：
生成Claude风格的精美单页HTML汇报文件。当用户需要生成"汇报"、"周报"、"月报"、"项目进度"、"复盘"、"演示"、"slide deck"、"状态报告"、"工作总结"时触发。支持6种模板：周报(weekly)、项目进度(project)、月度总结(monthly)、复盘报告(postmortem)、演示文稿(slid
- 用
border-collapse: collapse+border-right给<td> 或 <code><th> 单独设右边界（注意最后一列要去掉，避免多余线） <li>用 <code>border-left给除第一列外的所有<td> 加左线，更易控制 <li>用 <code>col元素配合border：在<table> 内顶部加 <code><col>标签并设样式，但兼容性略弱（IE 支持差）示例（推荐）：
table { border-collapse: collapse; } td, th { border-right: 1px solid #ddd; padding: 8px; } td:last-child, th:last-child { border-right: none; }如果真想用
column-rule，得换结构前提是放弃
<table>，改用语义化较弱但支持多栏的容器： <ul> <li>把数据转成 <code><div class="data-row"> <span>A</span><span>B</span><span>C</span> </div>这类扁平结构 - 外层容器设
column-count: 3和column-rule: 2px solid #999 - 注意：这种写法无法保证“行对齐”，不同栏高度不一致时会出现错位，不适合需要严格行列对齐的报表场景
真正做表格时，别碰 column-rule —— 它不是为表格设计的。列分割线这件事，老老实实用 border 控制单元格，或者用 grid / flex 重构布局，反而更可控、更可维护。
