Consulting Lite 不支持旧式 align 属性，仅响应 class="alignright" 等原生 CSS 类；其默认用 float 实现图文环绕，但易受父容器布局或媒体查询干扰，推荐改用 CSS Grid/Flex 手动封装以确保稳定。
HTML 图片对齐和 Consulting Lite 主题优化是两件不相干的事——前者是原生 HTML/CSS 行为，后者是 WordPress 主题的定制逻辑。Consulting Lite 不提供“图片对齐优化”功能，它只按 WordPress 默认方式解析 alignleft、aligncenter、alignright 这类原生 class，并依赖主题自身的 CSS 规则渲染。
为什么在 Consulting Lite 里 <img align="right"> 不生效
WordPress 5.0+ 已弃用 align 属性（如 align="right"），改用块级封装 + class 控制。Consulting Lite 的 CSS 只响应 class="alignright" 这类 class，不处理旧式 HTML 属性。
- 直接写
<img src="x.jpg" align="right">→ 浏览器可能忽略，主题 CSS 完全不匹配 - 正确写法是让 WordPress 编辑器生成带 class 的 wrapper：
<div class="wp-block-image"><figure class="alignright"><img ...></figure></div> - 如果手动写 HTML，必须用
class="alignright"，且确保主题 CSS 中存在对应规则（默认有，但子主题或自定义 CSS 可能覆盖）
如何检查 Consulting Lite 是否真支持图片居右/居左
打开浏览器开发者工具，选中一张已设置“右对齐”的图片，看它的外层 <figure> 或 <div> 是否含有 alignright class，并确认计算样式中是否应用了浮动或 flex 布局。
- 常见失效原因：子主题的
style.css里写了.alignright { float: none !important; } - Consulting Lite 默认用
float: right+margin-left: 1em实现右对齐，若页面含display: grid或display: flex的父容器，float 会被压制 - 移动端断点下，部分版本会强制取消 float（查
@media (max-width: 768px)规则）
想让图片真正“图文混排”，别靠 align class 硬撑
Consulting Lite 的排版能力有限，alignleft/alignright 本质是浮动，遇到段落换行、空格、内联元素容易错位。真实需求是“文字环绕图片”，更稳的方式是用 CSS Grid 或 Flex 手动包裹。
立即学习“前端免费学习笔记（深入）”；
- 示例结构：
<div class="image-text-wrap"><img src="x.jpg" class="text-wrap-img"><p>这里是环绕文字...</p></div> - 配简短 CSS：
.image-text-wrap { display: grid; grid-template-columns: auto 1fr; gap: 1rem; } .text-wrap-img { align-self: start; } - 这样不受主题浮动规则干扰，也不依赖 WordPress 块解析逻辑
Consulting Lite 没有“图片对齐优化”这个开关或配置项，所谓优化，其实是绕过它默认的浮动机制，用更可控的现代布局方式重写图文关系。最容易被忽略的是：编辑器里点“右对齐”，输出的 HTML 结构是否真被主题 CSS 覆盖到了——先看 DOM，再看 computed style，别猜。
