Avada中<img>对齐失效是因为Fusion Builder用fusion-image-*类接管样式，忽略align属性和float；须手动加对应class，注意层级、响应式重置及图文混排设置。
Avada 里 <img> 标签的对齐为什么总不生效
因为 avada 的 fusion builder 默认会接管所有 <img> 的样式控制，直接写 align="left" 或 style="float:right" 会被覆盖或忽略。它用的是自己的 css 类体系（比如 fusion-image-left），原生 html 属性基本没用。
实操建议：
- 别在文本编辑器里手动敲
align属性，写了也白写 - 如果必须用纯 HTML（比如在「Text Block」模块里嵌入），得用 Avada 认的 class：
fusion-image-left、fusion-image-right、fusion-image-center - 注意：这些 class 只对直接子级
<img>生效，套了<div>就失效
Fusion Builder 图像模块 vs 手动插入 <img> 的对齐差异
图像模块（Image Element）走的是 Avada 的可视化配置流，对齐是通过后台下拉菜单选的，最终生成带 fusion-image-* class 的 <img>；而手动插入的 <img> 没有上下文，Builder 不会自动加 class，也不会读取内联 style 中的浮动规则。
实操建议：
- 优先用「Image」模块，对齐、间距、响应式都可控
- 真要用 HTML 插图（比如需要
srcset或懒加载自定义），必须显式加 class：<img src="..." class="fusion-image-right"> - 别依赖
text-align包裹父容器——Avada 的图像容器默认是 block，text-align对它无效
fusion-image-* 类的兼容性与响应式限制
这些 class 在桌面端表现稳定，但在移动端会被 Avada 主题的响应式断点强制重置为居中（fusion-image-center），这是默认行为，不是 bug。如果你看到手机上图片突然居中了，大概率是这个原因。
立即学习“前端免费学习笔记（深入）”；
实操建议：
- 检查主题选项 → «Responsive» → «Mobile Image Alignment» 是否开启「Override desktop alignment on mobile」
- 要禁用该行为，得进 Avada Theme Options → «Advanced» → «Custom CSS» 加覆盖样式：
.fusion-image-left img, .fusion-image-right img { display: inline-block !important; }，再配合媒体查询微调 - 注意：加
!important是因为 Avada 的移动端 CSS 权重很高，普通 class 很难赢过它
图文混排时文字环绕图片的常见错位
想让文字绕图（比如左图右文），只靠 fusion-image-left 不够。Avada 默认会给图像模块加外边距和清除浮动逻辑，容易导致后续段落错行或留白异常。
实操建议：
- 图文混排务必把图像模块和文本模块放在同一个「Container」或「Row」里，不要跨 Row
- 图像模块设置 «Alignment» 为 left/right 后，在 «Spacing» 里手动调小 «Margin Right/Left»（比如设为
15px），否则文字离图太远 - 如果文字还是下沉或卡住，检查文本模块是否启用了 «Drop Cap» 或 «First Line Indent»，这两个功能会干扰浮动流
