HTML表格做简历非最佳实践，因语义错误、响应式差、维护难；但初学者或受限环境可用，须用结构、禁用rowspan/colspan、仅限必要CSS。
用 HTML 表格做个人简历，不是最佳实践——语义不对、响应式困难、后期维护成本高，但如果你是初学 HTML、需要快速交一份静态简历（比如嵌入邮件或老系统）， 确实能快速对齐内容。关键不是“能不能做”，而是“怎么避免掉坑”。为什么 不适合简历，但有时又不得不用简历本质是结构化文档，应该用语义化标签：
- 屏幕阅读器会逐行读出“第1行第1列…第1行第2列”，可访问性差
- 在手机上默认不换行，左右滑动才能看全，
overflow-x: auto 治标不治本
- 想加个“技能雷达图”或“时间轴项目经历”时，
| 嵌套迅速失控
但如果对方明确要求“纯 HTML 无 CSS”，或你只能粘贴到限制富文本的招聘系统里， 就是最快能对齐姓名/电话/邮箱的方案。 的最小安全写法：去掉所有样式属性别用 border="1"、cellpadding="5" 这类过时属性——它们会让代码难调试，且现代浏览器默认渲染已足够清晰。只保留语义必要的结构：
| 姓名 |
张三 |
| 电话 |
138-0013-8000 |
| 邮箱 |
zhangsan@example.com |
要点：
必须用于左侧标题列（语义正确，也自带加粗和居中）
- 不要合并单元格（
rowspan/colspan）——简历里几乎没有真正需要跨格的数据关系
- 如果某项有多个值（如“掌握技能”），用
里，别用逗号硬塞
当必须加样式时，只动这三处
如果允许内联 CSS（例如邮件 HTML），只控制以下三项，其他交给浏览器默认：
-
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 等老旧邮件客户端里。
超级简历WonderCV
一款AI办公效率工具，主要用于免费求职简历模版下载制作，应届生职场人必备简历制作神器，适合需要提升相关任务效率的用户。
下载
导出为 PDF 时表格突然错乱？检查这三点
用浏览器“打印为 PDF”时表格变形，90% 是因为：
- 用了
font-size: smaller 或 rem 单位 —— 改成 px（如 14px），PDF 渲染引擎不总支持相对单位
里嵌了 或 —— PDF 工具对块级元素嵌套表格支持极差，一律改用
换行
- 表格外层没包
—— 长简历容易在技能栏中间断页，加这个声明能强制整行留在一页
复杂点在于：同一份 HTML，在 Chrome 打印 PDF 和用 wkhtmltopdf 命令行生成，渲染结果可能不同。最稳的办法是——先用 Chrome 打印预览确认分页，再导出，别依赖自动化工具一次到位。
|
|
|
|
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
