html薪资单必须用语义化布局，表头用，数据行用，金额列加class="amount"并用等宽字体对齐，打印需设border-collapse:collapse和page-break-inside:avoid，excel兼容需meta charset和border="1"。
表格结构必须用 <table> 而不是 <code><div> 布局
<p>语义错误是新手最常踩的坑：用 <code><div> + CSS 模拟表格，看似能对齐，但屏幕阅读器无法识别行列关系，导出 PDF 或打印时也容易错行。薪资单本质是二维数据展示，<code><table> 是唯一合规选择。
<p>关键点：</p>
<ul><li><code><thead> 必须包裹表头行（<code><tr>），且每个表头单元格用 <code><th>，不能用 <code><td>
<li>每行数据用 <code><tr>，金额列建议加 <code>class="amount" 方便后续 CSS 对齐和 JS 处理
<table>——比如在某个 <code><td> 里再套表格，会导致打印样式崩溃
<h3>金额列右对齐和千分位需用 CSS + HTML 配合</h3>
<p>纯靠 <code>text-align: right 不够：小数点无法对齐，长数字（如 123456.78）视觉混乱。必须结合 <span></span> 或 <data></data> 标签分离显示值与原始值。
实操建议：
- 金额单元格内用
<span class="num">12,345.67</span>，CSS 设.num { font-family: 'Consolas', monospace; }保证等宽对齐 - 不要用 JavaScript 动态加逗号——静态 HTML 薪资单应直接写入格式化后的字符串，避免加载失败导致显示为
12345.67 - 如果需支持多币种，用
<data value="12345.67">¥12,345.67</data>，value 属性保留数值便于后续计算
打印时边框消失或错位的三个硬性条件
浏览器默认打印会隐藏部分边框、缩放字体、切断跨页内容。不加约束，发给财务的 PDF 可能缺线或金额跑出单元格。
必须检查：
- 打印 CSS 中显式声明
table { border-collapse: collapse; }，否则border-spacing在打印时行为不一致 - 所有
<th> 和 <code><td> 的 <code>border用solid，禁用dashed或dotted（多数打印机不支持虚线渲染） - 给
<table> 加 <code>style="page-break-inside: avoid;"，防止某一行被截断到下一页兼容 Excel 打开的关键属性不能少
用户常把 HTML 表格文件后缀改成
.xls直接双击——这依赖 Excel 对 HTML 的解析能力，缺失特定标签会导致列错位或编码乱码。最低限度要加：
-
<meta charset="UTF-8">放在，否则中文变成方块 <table> 加 <code>border="1"属性（即使 CSS 已设边框），Excel 识别更稳定- 表头行用
<th>，且不要合并单元格（<code>colspan/rowspan会让 Excel 解析失败）复杂汇总行、多级表头、公式这些，HTML 表格天生不支持，别硬塞。
-
