align属性在html5中已被彻底移除，所有元素（table、td、th、img、p、div、iframe等）的align写法均失效，必须用css替代：margin、text-align、vertical-align、float或flex。

align 属性在 HTML 中早已失效，不是“不推荐”，而是被 HTML5 彻底移除 —— 浏览器不再保证解析，W3C 验证器直接报错，现代项目里写它等于埋兼容性雷。

哪些元素的 align 属性已完全废止

以下所有 align 写法都该立刻删除：

• <table align="center">：表格自身居中应改用 <code>margin: 0 auto
• <td align="right"> 或 <code><th align="center">：单元格内文字对齐必须用 <code>text-align
• <img align="left">：图文混排改用 float、display: flex 或 text-align（外层容器）
• <p align="justify"></p>、<div align="center">、<code><iframe align="top"></iframe>：全部失效，CSS 是唯一可靠路径

  text-align 和 vertical-align 怎么配着用

  text-align 只管水平方向（left/center/right/justify），vertical-align 只管垂直方向（top/middle/bottom），但二者生效范围不同：

  

  anything-to-html

  将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。

  下载
  • text-align 对 <table> 无效，只对含文本的块级或表格单元格（<code>td、th、div、p）起作用
  • vertical-align 不能写在 <table> 上，只对 <code>td、th、tr 或行内元素（如 img）有效
  • 若 td 没设固定高度，vertical-align: middle 看起来可能没效果——因为单元格高度由内容撑开，middle 是相对自身高度计算的

  图片对齐最容易翻车的三个点

  尤其当 img 和文字同行时，align 不仅无效，还会掩盖真实问题：

  • img 默认是 vertical-align: baseline，导致下方留白（看起来像多了一行空隙），应显式设为 vertical-align: top 或 middle
  • 想让单张图居中？别套 align="center"，外层加 <div style="text-align: center"> 或用 <code>margin: 0 auto; display: block
  • 响应式场景下，float 要配 clear: both，否则后续内容塌陷；更稳妥的做法是用 display: flex 容器控制图文流

  旧项目迁移时最常漏掉的一件事

  删掉所有 align 属性只是第一步。真正容易被跳过的，是检查 valign —— 它和 align 一样，在 td、th 上已被废弃，必须统一替换成 vertical-align。而且要注意：valign="middle" 对应的是 vertical-align: middle，不是 center；valign="bottom" 也不是 vertical-align: bottom 的简单替换，得看父容器是否设置了 line-height 或 height，否则效果会漂移。