HTML表格单元格对齐必须用CSS：水平对齐用text-align（仅对td/th有效），垂直对齐用vertical-align（需td/th有高度参照），整表居中用margin:0 auto+width；align和valign属性在HTML5中已被彻底移除，属无效标记。
HTML 表格单元格对齐必须用 CSS，align 和 valign 属性在 HTML5 中已被彻底移除，不是“不推荐”，而是无效标记。 浏览器可能还解析它们，但 W3C 验证器报错、邮件客户端（如 Outlook）行为不可靠、无障碍工具无法识别——别赌兼容性。
怎么让单元格内容水平对齐（左/中/右）
只认 text-align，且必须加在 td 或 th 上，不能加在 table 或 tr 上指望继承。
- ✅ 正确：
<td style="text-align: right;">¥12,345.67</td> - ❌ 无效：
<tr style="text-align: right;"><td>...</td></tr>（text-align不继承自tr） - ❌ 无效：
<table align="right">（这是旧式浮动，非对齐，且已废弃） - ⚠️ 如果单元格里有
<div>，text-align: center只居中文本，不居中这个div；要居中块级元素，得给它加display: inline-block或改用flex
怎么让单元格内容垂直对齐（顶/中/底）
vertical-align 是唯一标准方式，但它只对 td/th（即 display: table-cell）生效，且效果依赖高度参考。
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
- ✅ 要看到
vertical-align: middle效果，必须让单元格有可参照的高度：加min-height: 40px或height: 40px - ❌
<td valign="middle">在 Chrome/Firefox/Edge 90+ 中完全被忽略 - ❌ 给
<p>或<div>设vertical-align没用，除非显式设display: inline-block - ⚠️
vertical-align: baseline行为复杂，混排图文时才考虑；日常优先选top、middle、bottom
怎么让整张表格在页面中居中或靠右
这不是单元格对齐问题，是 table 元素在父容器中的定位问题，和 text-align 无关。
立即学习“前端免费学习笔记（深入）”；
- ✅ 最简可靠：
<table style="margin: 0 auto; width: 80%;">（必须设width，否则margin: auto无效） - ✅ 更现代灵活：
<div style="display: flex; justify-content: center;"><table></table></div> - ❌
<table align="center">是浮动模拟，响应式下易崩，且在 Flex/Grid 父容器中失效 - ⚠️ 别把
text-align: right加到table标签上想“推表格”——它只影响内部文本流，不会移动表格本身
小数点对齐或复杂内容垂直居中怎么办
原生表格能力到此为止。text-align: "." 仅 Firefox 支持；col char="." 兼容差、不可控。真要稳，就得换思路。
- ✅ 小数点对齐：用等宽字体 +
text-align: right+ 补零（如123.450），比依赖char更可控 - ✅ 多行文本+图标+按钮混合的垂直居中：
<td style="display: flex; align-items: center; justify-content: center; min-height: 48px;"> - ⚠️ 一旦用了
display: flex，vertical-align自动失效，别共存 - ⚠️ 如果表格要支持 IE11，
flex方案需补-ms-flex-align: center，但基础居中仍可用
