HTML元素对齐语法的基础教学-html教程-PHP中文网

HTML中align属性已废弃，不能直接使用；W3C明确不推荐，严格DOCTYPE下会报错，现代开发应统一用CSS替代：text-align控制文本水平对齐，margin: 0 auto或flex实现块级元素居中。

html元素对齐语法的基础教学

HTML中`align`属性还能用吗？

不能直接用了——align是HTML4时代的内联对齐属性，从HTML5开始已被废弃。浏览器虽大多仍能解析（比如<div align="center">），但W3C明确不推荐，且在XHTML或严格DOCTYPE下会触发验证错误。 <p>常见错误现象：<code>align="center"在某些现代框架中失效、VS Code报黄线警告、Lighthouse审计提示“使用过时的HTML属性”。

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

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

下载

它不是CSS，不参与层叠，无法被!important覆盖
对<table>、<code><tr>、<code><td>等老式表格标签支持尚可，但对<code><div>、<code><p></p>等块级元素行为不一致
IE对justify值的处理完全错误（当成center），其他浏览器也无统一实现

替代方案：用CSS控制对齐的三种典型场景

所有对齐需求都该转向CSS。关键不是“换写法”，而是理解不同场景下该用哪个CSS属性：

文本水平居中 → 用text-align: center（作用于内容，不是容器本身）
块级元素水平居中 → 用margin: 0 auto（前提是设了width）或display: flex; justify-content: center
垂直居中 → 单行文本可用line-height = height；多行或任意内容推荐display: flex; align-items: center

示例：以前写<p align="right">版权信息</p> <p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p>，现在应写<p style="text-align: right">版权信息</p>，或更规范地抽离到CSS类中。

表格对齐为什么还看到`align`？

因为很多遗留系统、CMS模板、老旧文档仍在用<table>做布局，而<code>align在<table>、<code><tr>、<code><td>上确实有历史兼容性。但这不等于它“正确”： <ul><li><code><td align="char" char=".">这种按字符对齐的功能，现代CSS里没有等价物，只能靠<code>text-align: "."（仅部分浏览器支持，且需配合direction: ltr）

cellspacing和cellpadding也已废弃，对应CSS是border-spacing和padding
真正合规的做法是用th/td配合text-align + vertical-align，并用border-collapse: collapse替代cellspacing="0"