HTML表格做简历非最佳实践，因语义错误、响应式差、维护难；但初学者或受限环境可用，须用结构、禁用rowspan/colspan、仅限必要CSS。
用 HTML 表格做个人简历，不是最佳实践——语义不对、响应式困难、后期维护成本高，但如果你是初学 HTML、需要快速交一份静态简历（比如嵌入邮件或老系统），<table> 确实能快速对齐内容。关键不是“能不能做”，而是“怎么避免掉坑”。
<h3>为什么 <code><table> 不适合简历，但有时又不得不用
<p>简历本质是结构化文档，应该用语义化标签：<code><section></section>、<h2></h2>、<ul></ul>、<dl></dl>。表格的本职是展示二维数据（如课程表、价格对比），强行用于布局会带来三个实际问题：
- 屏幕阅读器会逐行读出“第1行第1列…第1行第2列”，可访问性差
- 在手机上默认不换行，左右滑动才能看全，
overflow-x: auto治标不治本 - 想加个“技能雷达图”或“时间轴项目经历”时，
<tr><td> 嵌套迅速失控 <p>但如果对方明确要求“纯 HTML 无 CSS”，或你只能粘贴到限制富文本的招聘系统里，<code><table> 就是最快能对齐姓名/电话/邮箱的方案。 <h3><code><table> 的最小安全写法：去掉所有样式属性 <p>别用 <code>border="1"、cellpadding="5"这类过时属性——它们会让代码难调试，且现代浏览器默认渲染已足够清晰。只保留语义必要的结构：立即学习“前端免费学习笔记（深入）”；
<table> <tr> <th>姓名</th> <td>张三</td> </tr> <tr> <th>电话</th> <td>138-0013-8000</td> </tr> <tr> <th>邮箱</th> <td>zhangsan@example.com</td> </tr> </table>要点：
<th> 必须用于左侧标题列（语义正确，也自带加粗和居中） <li>不要合并单元格（<code>rowspan/colspan）——简历里几乎没有真正需要跨格的数据关系- 如果某项有多个值（如“掌握技能”），用
<ul></ul>套在<td> 里，别用逗号硬塞 <h3>当必须加样式时，只动这三处</h3> <p>如果允许内联 CSS（例如邮件 HTML），只控制以下三项，其他交给浏览器默认：</p> <ul> <li> <code>table { width: 100%; max-width: 600px; }—— 防止宽屏撑开 -
th { text-align: left; padding-right: 1em; white-space: nowrap; }—— 左对齐标题，留空隙，防换行 -
td, th { vertical-align: top; padding: 4px 0; }—— 顶部对齐，上下留呼吸感
绝对不要设置
height、min-width或display: inline-table—— 这些会让内容被截断或错位，尤其在 Outlook 等老旧邮件客户端里。导出为 PDF 时表格突然错乱？检查这三点
用浏览器“打印为 PDF”时表格变形，90% 是因为：
- 用了
font-size: smaller或rem单位 —— 改成px（如14px），PDF 渲染引擎不总支持相对单位 <td> 里嵌了 <code><div> 或 <code><p></p>—— PDF 工具对块级元素嵌套表格支持极差，一律改用<br>换行- 表格外层没包
<div style="page-break-inside: avoid"> —— 长简历容易在技能栏中间断页，加这个声明能强制整行留在一页 <p>复杂点在于：同一份 HTML，在 Chrome 打印 PDF 和用 wkhtmltopdf 命令行生成，渲染结果可能不同。最稳的办法是——先用 Chrome 打印预览确认分页，再导出，别依赖自动化工具一次到位。</p> </div>
