HTML标签本身无法可靠实现对齐——和align等属性在HTML5中已被废弃，现代浏览器兼容性差且语义混乱；正确做法是用CSS的text-align控制水平对齐、vertical-align控制垂直对齐，作用于table、th、td等元素。

直接用 HTML 标签本身解决对齐问题，基本行不通——

已废弃，align 属性在 HTML5 中被移除，、 等纯表现标签全都不再合法。所谓“用 HTML 标签对齐”，本质是误把语义标签当样式工具用，结果反而埋下兼容性、可访问性和维护隐患。

为什么 align 属性失效了

HTML5 明确废除了所有全局 align 属性（如

、

）。现代浏览器（Chrome 90+、Firefox 88+、Safari 15+）要么忽略它，要么只在极少数遗留元素（如 ）中保留有限支持。

• Firefox 会完全无视 td align="right"，但可能渲染 th align（行为不一致）
• Edge 和 Chrome 对 img align="middle" 的处理早已偏离规范，实际效果取决于 line-height 和父容器 font-size
• 即使它“看起来有效”，也会被 Lighthouse 或 axe 扫描标记为可访问性错误（ARIA-invalid）

不是布局工具，但常被误用来对齐

用

套 colspan/rowspan 实现按钮或表单对齐，短期见效快，长期代价高：语义错误、响应式断裂、屏幕阅读器朗读顺序混乱、打印样式错乱。

• 表格结构一旦嵌套超过两层，colspan 总和计算极易出错，导致某列突然塌缩或溢出
• 移动端 viewport 缩小后，

默认不换行，整块内容横向滚动，用户无法理解上下文

T-SQL 动态拼接 @tableHTML 时，漏一个

+ ：放在

就让整张表渲染成纯文本（见知识库中 T-SQL 案例）

真正能靠 HTML 标签辅助对齐的，只有三个场景

不是“用标签代替 CSS”，而是用语义化标签提供结构锚点，让 CSS 对齐更可靠、更易维护：

使用华数设计生成高保真HTML原型、演示文稿、动画和设计评审

使用经过文档化的设计技能，从真实的品牌或项目背景中生成HTML原生原型、幻灯片、动态演示、可视化图表和评审流程。

下载

• +
  ：包裹图+标题，display: inline-block 后可自然网格对齐；比裸写
  更利于无障碍（AT 会将两者关联）

开头，显式声明列数与宽度，是 table-layout: fixed 能生效的前提（否则首行

宽度可能被忽略）

+

：替代手写展开/收起按钮组，内置 focus 管理和键盘导航，避免因 vertical-align 错位导致按钮基线不齐

最常被忽略的一点：HTML 标签只定义“这是什么”，不对“它长什么样”做承诺。对齐的确定性永远来自 CSS 的盒模型控制——box-sizing、display、flex 或 grid 的组合，而不是多加一个 align="absmiddle"。