用table布局简历页面虽不推荐，但在邮件模板等受限环境中可快速实现二维结构化排版；应合理使用tr/td划分逻辑行与列，慎用colspan/rowspan，css须接管边距、内边距和边框控制。

直接说结论：用 table 布局简历页面，现在不是推荐做法，但若受限于环境（比如邮件模板、老旧 CMS 或纯静态展示），它确实能快速对齐字段、控制行列结构——关键在于别滥用 colspan 和 rowspan，否则可维护性会断崖式下降。

为什么用 tr 和 td 划分信息板块？

因为简历本质是「二维结构化信息」：左侧常放联系方式/技能标签，右侧放经历描述；顶部是姓名标题，底部是教育背景。这种天然的行列关系，让 tr（行）和 td（列单元格）成为最直观的语义容器。

注意：th 应只用于真正意义上的表头（如“工作经历”“项目成果”这类区块标题），而不是每行第一个 td 都硬改成 th——那样反而破坏语义，影响屏幕阅读器识别。

使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件

如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Andr​​oid友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Andr​​oid应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更

下载

• tr 定义逻辑行：一行可以是“姓名+照片”，也可以是“技能名称+技能条目”，不要强行按视觉行数拆分
• td 不负责样式：宽度、对齐、间距全靠 CSS 控制，别再写 width="20%" 或 align="right"
• 避免嵌套表格：早期教程里用表格套表格实现复杂布局，现在会导致 DOM 层级混乱、响应式失效

colspan 与 rowspan 的真实使用场景

它们不是为了“看起来居中”或“撑开空间”，而是解决真实跨格需求：

• colspan="2" 适合标题行：比如 <tr><td colspan="2">个人简介</td></tr>，表示该标题横跨两列
• rowspan="3" 适合左侧固定栏：例如照片单元格从第 2 行开始占满后续 3 行，对应右侧 3 行文字内容
• 错误用法：为让某段文字“居中显示”而加 colspan="10" ——这会让表格列数失控，后续 td 很容易错位
• 调试技巧：在浏览器里右键检查元素，看实际渲染出的单元格数量是否和你写的 colspan/rowspan 总和匹配

CSS 必须接管的三件事

纯 HTML 表格属性（border、cellpadding、cellspacing）已过时，现代写法必须用 CSS：

• 清除默认边距：table { border-collapse: collapse; }，否则默认有空隙
• 控制内边距：td, th { padding: 8px 12px; }，比 cellpadding 更灵活
• 隐藏边框：td, th { border: none; }，而非依赖 border="0"
• 图片对齐问题：简历头像常卡在单元格左上角，用 vertical-align: middle; + text-align: center; 联合控制

真正难的不是写出来，而是改——当 HR 要求加一栏“证书编号”时，你得同时调整所有 tr 的 td 数量、检查 colspan 是否还成立、确认 CSS 的宽度百分比是否溢出。这种耦合度，就是表格布局最隐蔽的成本。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！