align属性在现代WordPress中已失效，应改用CSS样式控制图片对齐，如float、display: block配合margin: 0 auto，或Flex/Grid布局确保响应式稳定。
WordPress自定义HTML中<img>标签的align属性已失效
直接说结论：align属性（如align="left"）在现代WordPress（尤其是块编辑器+主题启用HTML5模式后）基本不生效，浏览器会忽略它，或被主题CSS强制覆盖。这不是你代码写错了，是标准和主题共同淘汰了这个老写法。
真正起作用的是CSS控制方式，而且必须确保你的主题没用!important锁死图片样式。
-
align是HTML4遗留属性，W3C已标记为过时（obsolete） - 多数WordPress主题（如Twenty Twenty-Four、Astra、Kadence）默认用
display: inline-block或float重置图片行为 - 即使加了
align="right"，如果主题CSS里写了img { float: none !important; }，那就彻底没用
用style内联CSS替代align最稳妥
在自定义HTML区块里写<img>时，别碰align，直接上style——这是唯一能绕过主题干扰、立即见效的方式。
常见对齐需求对应写法：
立即学习“前端免费学习笔记（深入）”；
- 左浮动文字环绕：
<img src="xxx.jpg" style="float: left; margin-right: 12px;"> - 右浮动文字环绕：
<img src="xxx.jpg" style="float: right; margin-left: 12px;"> - 居中且独占一行：
<img src="xxx.jpg" style="display: block; margin: 0 auto;"> - 居中但允许同行其他内联元素：
<img src="xxx.jpg" style="vertical-align: middle;">（配合<span>等使用）
注意：float之后父容器若没清除浮动（clear: both），可能影响下方内容布局——这点常被忽略。
块编辑器里混用“自定义HTML”和“图像块”会冲突
如果你在同一个文章里，上面用了图像块（Block），下面又插了一段自定义<img>，两者CSS规则大概率打架。图像块自带wp-block-image类和主题预设margin/padding，而你的style只作用于单个<img>，层级和继承关系完全不对等。
- 现象：图片看起来“缩进异常”“上下空隙变大”“点击后出现多余边框”
- 原因：图像块的wrapper div有
max-width和text-align，会干扰内联<img>的居中逻辑 - 解法：要么全用图像块（然后在“高级”里加自定义CSS类），要么全用自定义HTML，别掺着来
响应式场景下float要慎用
手机端屏幕窄，float: left可能导致文字挤到图片下方还换行错乱，尤其配了width: 50%之类固定值时。
更健壮的做法是改用Flex或Grid布局包裹图片，哪怕只包一层<div>：
<div style="display: flex; justify-content: center;"> <img src="xxx.jpg" style="max-width: 100%; height: auto;"> </div>
或者用CSS类配合主题支持（如WordPress默认的wp-block-image aligncenter类），比纯内联style更易维护。
真正麻烦的不是怎么写对齐，而是对齐之后在不同设备、不同主题、不同编辑器模式下是否还稳定——这点没法靠一次写对解决，得留心测试。
